/*声明 WebFont*/ @font-face { font-family: 'SourceHanSansSC-Regular, bestFont regular'; src: url('/WebDir/cleanmymac/font/SourceHanSansSC-Regular.eot'); src: url('/WebDir/cleanmymac/font/SourceHanSansSC-Regular.eot?#font-spider') format('embedded-opentype'), url('/WebDir/cleanmymac/font/SourceHanSansSC-Regular.woff') format('woff'), url('/WebDir/cleanmymac/font/SourceHanSansSC-Regular.ttf') format('truetype'), url('/WebDir/cleanmymac/font/SourceHanSansSC-Regular.svg') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'SourceHanSansSC-Bold, bestFont bold'; src: url('/WebDir/cleanmymac/font/SourceHanSansSC-Bold.eot'); src: url('/WebDir/cleanmymac/font/SourceHanSansSC-Bold.eot?#font-spider') format('embedded-opentype'), url('/WebDir/cleanmymac/font/SourceHanSansSC-Bold.woff') format('woff'), url('/WebDir/cleanmymac/font/SourceHanSansSC-Bold.ttf') format('truetype'), url('/WebDir/cleanmymac/font/SourceHanSansSC-Bold.svg') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'SourceHanSansSC-Medium, bestFont medium'; src: url('/WebDir/cleanmymac/font/SourceHanSansSC-Medium.eot'); src: url('/WebDir/cleanmymac/font/SourceHanSansSC-Medium.eot?#font-spider') format('embedded-opentype'), url('/WebDir/cleanmymac/font/SourceHanSansSC-Medium.woff') format('woff'), url('/WebDir/cleanmymac/font/SourceHanSansSC-Medium.ttf') format('truetype'), url('/WebDir/cleanmymac/font/SourceHanSansSC-Medium.svg') format('svg'); font-weight: normal; font-style: normal; } @font-face{ font-family:MontserratMedium; src:url('/WebDir/cleanmymac/font/Montserrat-Medium-7.otf'); font-weight: normal; font-style: normal; } /* 全局设定 */ html{font-size: 10vw;} body{font-size:14px; color:#444; font-family: sans-serif, Arial; box-sizing: border-box;} /*超链全局接样式*/ a{color:#4876C8; text-decoration:none; hide-focus:expression( this.hideFocus=true ); outline:none; cursor: pointer;} /*a:hover {color:#133088; text-decoration: underline;}*/ /*页面宽度 - 根据设计页面宽度修改*/ .all{width: 1200px;} /* 可结合“m[0a~100a]”使窗口居中:
; */ .full{width:100%; max-width: 1920px; min-width: 1200px;} /*用于铺满屏幕宽度 【铺满容器宽度用w100p】*/ /*头部*/ .logo{position: absolute; left: 0; top: 28px;} .topMenuNaviList {text-align: right;} .topMenuNaviList li{display: inline-block; padding-top: 24px;} .topMenuNaviList li a {display: inline-block; font-size:16px; color:#fff; height:30px; line-height:30px; text-align:center; padding:0px 20px; margin-right: 15px; box-sizing: border-box;} .topMenuNaviList li a:hover {text-decoration:none;} .topMenuNaviList li .indexCurrent, .topMenuNaviList li a:hover {background: #fff; border-radius: 20px; color: #333} .topSearch {width: 150px; height: 32px; overflow:hidden; z-index: 3; border: none; border-radius: 16px; background-color: #fff; padding: 1px 0 0 10px} #searchValueId {border:none; background: none; display: block; height:30px; line-height:30px; padding:0 10px; width:160px; box-sizing: border-box;} .searchButtom {position:absolute; top:6px; right:6px;height: 20px; widht: 20px; cursor: pointer; top: 7px; left: 120px; z-index: 10} /*footer*/ .footer{background: #F4F3FC; color: #666;} .footer .bdb{border-bottom:1px solid #bbb;} .footer a{color: #666; display:inline-block;} .friendLinks a{margin: 0 12px 0 0;} .footer_center_1 .bb1se0{ border-bottom: 1px solid #e0e0e0; } /*1px灰色底边*/ .footer_center_1{background: #F4F3FC!important;} .footer_center_1 a{color: #999;} .footer_center_1 a:hover, .footer_center_1 .wxpt{color: #e83a17;} .footer_center_2{background: #F4F3FC!important;} .footer_center_2 a{color: #666;} .footer_center_2 a:hover{color: #e83a17;} .footer_center_2 .links a{padding:0 6px;} .footer_center_2 .links_ba a{color: #999;} .footer_center_2 .links_ba a:hover{color: #e83a17;} .footer_center_2 .image_ba img{ width: 22px; height: 28px; } .footer_center_2 .image_ba a{ color: #999; } /*其它通用样式*/ .c-1{color:#4876C8;} .bg-1{background: #133088;} .bg-f8 {background: #f8f8f8} .s_btn_c {backgournd-color:#2579cd;}f .p_btn_c {background-color:#c9272b;} .h540 {height: 540px;} .minh540{min-height: 540px;} .minh600{min-height: 600px;} .minh700 {min-height: 700px;} .bc a {color: #fff!important;} .bc a:hover {color: #2579cd!important;} .h88{height: 88px;} .bd-b-1{border-bottom: 1px solid #eee;} .a-1{background: #0F9FFF; border: 1px solid #0F9FFF; color: #fff; display: inline-block; text-align: center; box-sizing: border-box;} .a-1:hover{background: #0E98F4; border: 1px solid #0E98F4; color: #fff; text-decoration: none; box-sizing: border-box;} .a-2{background: #c9272b; border: 1px solid #c9272b; color: #fff; display: inline-block; text-align: center; box-sizing: border-box;} .a-2:hover{background: #a81317; border: 1px solid #a81317; color: #fff; text-decoration: none; box-sizing: border-box;} /*首页*/ .indexBanner{height: 600px; background: url(//pic.mairuan.com/WebSource/cleanmymac/web/images/indexBanner.jpg) no-repeat top;} .main-list img {height: 120px;} .indexDongtaiTab li{display: inline-block; font-size: 22px; width: 150px; position: relative; cursor: pointer;} .indexDongtaiTab .active{color: #0f86ff;} .indexDongtaiTab .active:after{content:''; display: block; height:3px; width: 58%; background:#0f86ff;position:absolute; left: 0; bottom:-10px;} .indexDongtaiList a{color: #333;} .indexDongtaiList:hover .indexDongtaiTitle{color: #333; text-decoration: none;} .indexDongtaiHot{width: 380px; height: 360px; background: url(//pic.mairuan.com/WebSource/cleanmymac/web/images/index4_1.jpg) no-repeat top;} /*功能*/ .hdbanner {background: url(//pic.mairuan.com/WebSource/cleanmymac/web/images/hdbanner.jpg) no-repeat center top;height: 100px;} .s_btn {background: #2579cd url("//pic.mairuan.com/WebSource/cleanmymac/web/images/icon_download.png") 27px center no-repeat;} a.s_btn:hover {background-color: #1062b4;text-decoration: none!important;color: #fff!important;} .p_btn {background: #c9272b url("//pic.mairuan.com/WebSource/cleanmymac/web/images/icon_cart.png") 27px center no-repeat;;} a.p_btn:hover {background-color: #a81317;text-decoration: none!important;color: #fff!important; } .bg_white {background: #fff;} .br118 {border-radius: 118px;} .h236 {height: 236px;} .h120 {height: 120px;} .mt120 {margin-top: 120px;} .h150 {height: 150px;} .c_1{color: #444;} .c_2 {color: #1D7DDD;} a.circle {transition: transform 0.3s ease 0s;-webkit-transition:-webkit-transform 0.3s ease 0s;border: 1px solid #f0f0f0;} a.circle:hover{text-decoration: none;color: #444!important;transform: scale(1.1);-ms-transform: scale(1.1);-webkit-transform: scale(1.1); -o-transform: scale(1.1);} /*服务*/ .w400 {width: 400px} .s_search {border: 1px solid #d7d7d7!important;} .circle_n { background: none; border: none!important;} .h180 {height: 180px;} .s_tab li{border-bottom: 1px solid #e8e8e8} .s_tab span {background-size:40px 37px;} .s_tab .s_qa {background: url("//pic.mairuan.com/WebSource/cleanmymac/web/images/category_changjian.png") 100px center no-repeat;} .s_tab .s_re {background: url("//pic.mairuan.com/WebSource/cleanmymac/web/images/category_zhuce.png") 100px center no-repeat;} .s_tab .s_do {background: url("//pic.mairuan.com/WebSource/cleanmymac/web/images/category_xiazai.png") 100px center no-repeat;} .s_tab li:hover,.s_tab li.active{border-bottom-color: #1D7DDD} .s_tab span:hover{color: #1D7DDD!important;} .s_tab span:hover{color: #1D7DDD!important;} .s_tab li:hover .s_qa, .s_tab .active .s_qa {background: url("//pic.mairuan.com/WebSource/cleanmymac/web/images/category_changjian_a.png") 100px center no-repeat} .s_tab li:hover .s_re, .s_tab .active .s_re {background: url("//pic.mairuan.com/WebSource/cleanmymac/web/images/category_zhuce_a.png") 100px center no-repeat} .s_tab li:hover .s_do, .s_tab .active .s_do {background: url("//pic.mairuan.com/WebSource/cleanmymac/web/images/category_xiazai_a.png") 100px center no-repeat} .call_bg {background: url("//pic.mairuan.com/WebSource/cleanmymac/web/images/bighoverBG.png") center center no-repeat;} .pl170 { padding-left: 170px;} .bl{border-left: 1px solid #e8e8e8;} .supportMenu a{display: block; color: #444; box-sizing: border-box; padding-left: 70px; height: 52px; line-height: 52px; margin-top:30px; text-decoration: none;} .supportMenu .active a, .supportMenu a:hover{color: #0f86ff;} .changjianwenti{background: url(//pic.mairuan.com/WebSource/cleanmymac/web/images/changjianwenti.jpg) no-repeat top left;} .supportMenu .active .changjianwenti, .changjianwenti:hover{background-image: url(//pic.mairuan.com/WebSource/cleanmymac/web/images/changjianwenti_a.jpg);} .xiazaianzhuang{background: url(//pic.mairuan.com/WebSource/cleanmymac/web/images/xiazaianzhuang.jpg) no-repeat top left;} .supportMenu .active .xiazaianzhuang, .xiazaianzhuang:hover{background-image: url(//pic.mairuan.com/WebSource/cleanmymac/web/images/xiazaianzhuang_a.jpg);} .zhucejihuo{background: url(//pic.mairuan.com/WebSource/cleanmymac/web/images/zhucejihuo.jpg) no-repeat top left;} .supportMenu .active .zhucejihuo, .zhucejihuo:hover{background-image: url(//pic.mairuan.com/WebSource/cleanmymac/web/images/zhucejihuo_a.jpg);} .supportHot a{display: block; box-sizing: box-sizing; padding: 0 0 0 28px; background: url(//pic.mairuan.com/WebSource/cleanmymac/web/images/supportHotBG.jpg) no-repeat left center; color: #444; text-decoration: none; text-overflow: ellipsis; overflow: hidden; white-space: nowrap} .supportHot a:hover{color: #0f86ff; background: url(//pic.mairuan.com/WebSource/cleanmymac/web/images/supportHotBG_a.jpg) no-repeat left center} .supportCategoryList li a {display: block; padding: 10px 20px 10px 20px; background: #f9f9f9; color: #444;} .supportCategoryList li a:hover{background: #0f86ff; color: #fff; text-decoration: none;} /*为什么页面*/ .right_menu a:hover, .right_menu a.active,.pagination_p a.active,.pagination_p a:hover{background: #0099FF!important; color: #fff!important;} .bg_3 {background: rgb(248, 248, 248);} .bg_4 {background:url("//pic.mairuan.com/WebSource/cleanmymac/web/images/category_changjian_a.png") 0 0 no-repeat;background-size: 28px auto} .bg_5 {background: url("//pic.mairuan.com/WebSource/cleanmymac/web/images/righticon.png") 0 7px no-repeat;} /*搜索结果*/ .bg_g {background: #38d878;} .bb_da {border-bottom: 1px dashed #cccccc;} /*新闻分页（勿删）*/ .pageInfo .active {background: #0080cc none repeat scroll 0 0; color: #fff; } .pageInfo a {background-color: #e6e6e6; border-radius: 3px; margin: 0 20px 0 0; padding: 3px 10px; } /*新闻P标签（勿删）*/ .news_detail h1, .news_detail h2, .news_detail h3, .news_detail h4{padding: 0 0 10px 0; font-size: 14px; text-indent: 2px; text-indent:2em;} .news_detail p{padding: 0 0 10px 0; text-indent: 2em;} .news_detail a{color: #4876C8;} .news_detail h2, .news_detail h3, .news_detail h4{font-weight:bold;} /*搜索结果样式（勿删）*/ .searchResult li{border-bottom: 1px dashed #bbb; padding-bottom: 12px; margin-bottom: 12px;} .searchResult a{color: #09f;} .keywords{background: #38d878;color: #fff;} .pagination a, .pagination span {margin-right: 5px; padding: 2px 6px; } .pagination a {background: #09f; color: #fff; } .pagination span {background-color: #aaa; color: #fff; } /*站点地图（勿删）*/ .sitemapHTML{min-height: 700px;} .sitemapHTML h2{font-size: 14px; padding-bottom: 5px; border-bottom: 1px solid #C2BEBE; margin:10px 0 0 0;} .sitemapHTML .sitemapCategory{overflow: hidden; padding-bottom: 5px; border-bottom: 1px #C2BEBE dashed; margin:10px 0 0 0;} .sitemapHTML h3{font-size: 14px; text-indent: 28px; float: left;} .sitemapHTML .openSitemap{cursor: pointer;} .sitemapHTML .openSitemap{font-size: 12px; float: right;} .sitemapHTML .sitemapNews{clear: both; display: none;} .sitemapHTML .sitemapNews li{font-size: 14px; text-indent: 56px; line-height: 25px;} /*关于我们*/ .aboutusMenu li{border-bottom:1px solid #ccc;} .aboutusMenu li a{display: block; width: 100%; height: 50px; line-height: 50px; color: #292a31; text-indent: 1em;} .aboutusMenu .active a, .aboutusMenu li a:hover{color: #018aff; text-decoration: none;} /*youqinglianjie.html 友情链接*/ .moreFriendsLinks li{width: 25%; display: inline-block; font-size: 14px; padding: 6px 0} /*ruhehuizhi.html*/ .huizhiBanner{height: 355px; background: url(//pic.mairuan.com/WebSource/imindmap/web/images/huizhiBanner.jpg) no-repeat top;} /*lianxiwomen.html*/ .lianxiBanner{height: 355px; background: url(//pic.mairuan.com/WebSource/imindmap/web/images/lianxiBanner.jpg) no-repeat top;} /*lp.html*/ .lpBG{background: url(//pic.mairuan.com/WebSource/imindmap/web/images/lpBG.jpg) no-repeat top; margin-bottom: -20px; padding-bottom: 80px;} .lpTitle{border: 2px solid #fff; border-radius: 30px; display: inline-block; padding: 2px 25px; margin-top: 340px;} .lpPorductZP{margin: 160px 0 0 300px; background: #fff9d9; border-radius: 8px; width: 680px; height: 430px; box-sizing: border-box; padding-left: 210px;} .zhuanpanBG{position: absolute; left: -300px; top: -40px; z-index: 1; width: 490px; height: 490px; background: url(//pic.mairuan.com/WebSource/imindmap/web/images/zhuanpan.png);transform: rotate(180deg);} .zhuangpanBox{width: 490px; height: 490px; border-radius: 50%; position: absolute; left: -300px; top: -40px; overflow: hidden; cursor: pointer; z-index: 2;} .zhizhen{position: absolute; left: 180px; top: 160px;} .zhuanpanMenu{position: absolute; left: 0; top: 0; width: 100%; height: 100%;transform: rotate(180deg);} .zhuanpanMenu li{position: absolute; width: 245px; height: 245px; left: 0; top: 0; z-index: 2;} .zhuanpanMenu li:nth-child(1){ transform: rotate(45deg); left: 124px; top: -52px;} .zhuanpanMenu li:nth-child(2){ transform: rotate(135deg); left: 298px; top: 122px;} .zhuanpanMenu li:nth-child(3){ transform: rotate(225deg); left: 124px; top: 298px;} .zhuanpanMenu li:nth-child(4){ transform: rotate(315deg); left: -50px; top: 122px;} .c-1{color: #e53935;} .zhuangpanProdsBuy{box-sizing: border-box; display: inline-block; text-align: center; width: 200px; height: 56px; line-height: 56px; font-size: 24px; color: #fff; background:#e53935; border-radius: 28px;} .zhuangpanProdsBuy:hover{color: #fff; text-decoration: none;} .lpPorductBox{margin-top: 110px; background: #fff9d9; border-radius: 8px; height: 410px; box-sizing: border-box; padding: 50px 80px;} .lpPorductInfo li{padding: 3px 0 3px 12px; position: relative;} .lpPorductInfo li:before{content: ''; display:inline-block; width: 6px; height: 6px; background: #e53935; border-radius: 50%; position: absolute; left: 0; top: 14px;} .lpPorductBoxBuyBG{width: 410px; height: 76px; background: #e53935; border-radius: 8px;} .lpPorductBoxBuy{box-sizing: border-box; display: inline-block; text-align: center; width: 200px; height: 56px; line-height: 56px; font-size: 24px; color: #e53935; background:#fff06f; border-radius: 28px;} .lpPorductBoxBuy:hover{color: #e53935; text-decoration: none;} .boxTitleImg{position: absolute; top: 0; left: 50%;} /*zhuanjia.html*/ .zhuanjiaBanner{height: 355px; background: url(//pic.mairuan.com/WebSource/imindmap/web/images/zhuanjiaBanner.jpg) no-repeat top;} /* 营销活动Banner */ .idx-banner{width: 100%;max-width: 1920px;min-width: 1200px;height: 640px;margin: 0px auto;background: url('//pic.mairuan.com/WebSource/cleanmymac/web/images/banner.png') no-repeat center center;background-size: cover;} .idx-banner .content{width: 1200px;height: 100%;margin: 0px auto;color: white;text-align: left;padding-top: 140px;position: relative;} .idx-banner .desc{font-size: 30px;font-weight: 200;} .idx-banner .slogan{font-size: 100px;font-weight: bold;} .idx-banner .slogan span{display: inline-block;width: 30px;line-height: 32px;font-size: 30px;font-weight: normal;text-align: center;vertical-align: bottom;padding: 0 10px 6px;} .idx-banner .slogan label{vertical-align: bottom;line-height: 105px;} .idx-banner .btns{margin-top: 75px;} .idx-banner .buy{display: inline-block;width: 200px;height: 50px;line-height: 50px;margin: 0 auto;color: white;background-color: #f64445;font-size: 20px;border-radius: 4px;margin-top: 20px;text-align: center;} .idx-banner a.detail{display: inline-block;color: white;font-size: 20px;text-decoration: none;padding-left: 50px;} .idx-banner a.detail::after{content: '›';padding-left: 8px;transition: padding .5s;} .idx-banner a.detail:hover::after{padding-left: 18px;} .idx-banner .count{font-size: 20px;padding-top: 35px;} .idx-banner .count span{letter-spacing: 2px;} .idx-banner .tag{width: 70px;height: 85px;background: url('//pic.mairuan.com/WebSource/cleanmymac/web/images/tag.png') no-repeat center center;background-size: cover;position: absolute;top: 0;right: 0;} /* 版本2 */ .idx-banner_v2{width: 100%;max-width: 1920px;min-width: 1200px;height: 640px;margin: 0px auto;background: url('//pic.mairuan.com/WebSource/cleanmymac/web/images/banner.png') no-repeat center center;background-size: cover;} .idx-banner_v2 .content{width: 1200px;height: 100%;margin: 0px auto;color: white;text-align: left;padding-top: 120px;position: relative;} .idx-banner_v2 .desc{font-size: 26px;font-weight: 200;} .idx-banner_v2 .slogan{font-size: 72px;font-weight: bold;padding-top: 40px;} .idx-banner_v2 .slogan i{display: block;} .idx-banner_v2 .slogan div{display: inline-block;line-height: 35px;font-size: 42px;text-align: left;margin-left: 5px;} .idx-banner_v2 .slogan div del{display: block;font-size: 26px;font-weight: 200;} .idx-banner_v2 .btns{margin-top: 25px;} .idx-banner_v2 .buy{display: inline-block;width: 200px;height: 50px;line-height: 50px;margin: 0 auto;color: white;background-color: #ea4a25;font-size: 20px;border-radius: 4px;margin-top: 20px;text-align: center;} .idx-banner_v2 a.detail{display: inline-block;color: white;font-size: 20px;font-weight: normal;;text-decoration: none;padding-left: 10px;} .idx-banner_v2 a.detail::after{content: '›';padding-left: 8px;transition: padding .5s;} .idx-banner_v2 a.detail:hover::after{padding-left: 18px;} .idx-banner_v2 .count{font-size: 20px;padding-top: 5px;} .idx-banner_v2 .count span{letter-spacing: 2px;} .idx-banner_v2 .tag{width: 70px;height: 85px;background: url('//pic.mairuan.com/WebSource/cleanmymac/web/images/tag_v2.png') no-repeat center center;background-size: cover;position: absolute;top: 0;right: 0;} /* 深夜秒杀 start*/ .idx-banner_shengyemiaosha{width: 100%;max-width: 1920px;min-width: 1200px;height: 640px;margin: 0px auto;background: url('//pic.mairuan.com/shenyemiaosha/banner_2020730_cmm.png') no-repeat center center;background-size: cover;} .idx-banner_shengyemiaosha .content{width: 1200px;height: 100%;margin: 0px auto;color: white;text-align: center;padding-top: 120px;position: relative;} .idx-banner_shengyemiaosha .desc{font-size: 26px;font-weight: 200;} .idx-banner_shengyemiaosha .slogan{font-size: 82px;font-weight: bold;padding-top: 45px;letter-spacing: 2px;padding-bottom: 10px;} .idx-banner_shengyemiaosha .slogan div{display: inline-block;line-height: 35px;font-size: 42px;text-align: left;margin-left: 25px;position: relative;top: -15px;} .idx-banner_shengyemiaosha .slogan del{display: inline-block;font-size: 22px;font-weight: 200;position: relative;top: -40px;margin-left: 5px;} .idx-banner_shengyemiaosha .detail{text-align: center; margin: 0 auto; letter-spacing: 1px; font-size: 28px; background-color: rgba(255, 255, 255, 0.17);width: 400px; height: 45px;line-height: 45px;border-radius: 4px;} .idx-banner_shengyemiaosha .detail span{font-size: 22px;padding-right: 20px;padding-left: 20px;position: relative;top: -2px;} .idx-banner_shengyemiaosha a.buy{display: block;width: 200px;height: 50px;line-height: 50px;margin: 0 auto;color: white;background-color: #f74446;font-size: 20px;border-radius: 4px;margin-top: 70px;} .idx-banner_shengyemiaosha .count{text-align: center;font-size: 18px;padding-top: 15px;color:#FFFFFF;text-shadow:0px 0px 5px blue,0px 0px 10px #5518cc,0px 0px 15px #5518cc,0px 0px 20px #5518cc;} .idx-banner_shengyemiaosha .count span{letter-spacing: 2px;padding-top: 2px;} .idx-banner_shengyemiaosha .tag{width: 185px;height: 111px;background: url('//pic.mairuan.com/shenyemiaosha/jiaobiao_20200730.png') no-repeat center center;background-size: cover;position: absolute;top: 80px;right: 0px;} /* 深夜秒杀 end*/ /*new_logo*/ .new_logo {position: absolute;left: 0px;top: 20px;display: inline-block;font-size: 26px;font-style: italic;font-weight: bold;color: #fff;} .new_logo::after {content: "中文官网";font-style: normal;width: 80px;font-size: 14px;color: #fff;font-weight: normal;position: relative;left: -165px;bottom: -22px;} /* doufu start*/ .buy_doufu {width: 100%;max-width: 1920px;min-width: 1200px;margin: 0px auto;background-color: #f9fafc;overflow: hidden;} .buy_doufu .buy_doufu_icon {width: 1200px;margin: 0px auto;} .buy_doufu_pingjia{color: #A7A7A7;} .buy_doufu_pingjia:hover{color: #1582f7;} .buy_doufu .buy_doufu_icon .buy_doufu_subject {font-size: 36px;text-align: center;padding-top: 40px;padding-bottom: 30px; vertical-align: top; padding-left: 75px;} .buy_doufu .buy_doufu_icon .Buy_Tab {text-align: center;padding-bottom: 100px;height: 70px;} .buy_doufu .buy_doufu_icon .Buy_Tab .active {color: #fff;border-color: #3781fb;background-color: #2575e8;} .buy_doufu .buy_doufu_icon .Buy_Tab li {display: inline-block;padding-right: 20px;padding-left: 20px; font-weight: bold;text-align: center;text-decoration: none;position: relative;height: 40px;line-height: 40px;font-size: 18px;cursor: pointer;color: #2575e8;background-color: #EFF2F7 /*#e9f2ff*/;border-radius: 4px;} .buy_doufu .buy_doufu_icon .Buy_Tab li:first-child {margin-right: 10px;} .buy_doufu .buy_doufu_icon .Buy_Tab li .tag {display: inline-block;width: 52px;height: 22px;background: url(https://pic.mairuan.com/WebSource/huishenghuiying/web/images/3.png) no-repeat center center;position: absolute;top: -25px;right: -20px;} .buy_doufu .buy_doufu_icon .Buy_Tab li:last-child {position: relative;margin-right: 10px;} .buy_doufu .buy_doufu_content {margin-top: 30px;position: relative;padding-bottom: 80px;} .buy_doufu .buy_doufu_content .active { margin-top: 0 !important; height: 520px !important;} .buy_doufu .buy_doufu_content .active .buy_doufu_icon_2 {padding-top: 25px !important; height: 520px !important;} .buy_doufu .buy_doufu_content .buy_doufu_goods {height: 520px;} .buy_doufu .buy_doufu_content .buy_doufu_goods .buy_doufu_icon_2 {height: 520px;padding-left: 50px;padding-right: 50px;padding-top: 25px;padding-bottom: 30px;position: relative;border-radius: 4px;background-color: #fff;} .buy_doufu .buy_doufu_content .buy_doufu_goods .buy_doufu_icon_2 .buy_doufu_header .buy_doufu_title {vertical-align: top;padding-top: 20px;} .buy_doufu .buy_doufu_content .buy_doufu_goods .buy_doufu_icon_2 .buy_doufu_header .buy_doufu_title img {width: 52px;} .buy_doufu .buy_doufu_content .buy_doufu_goods .buy_doufu_icon_2 .buy_doufu_header .buy_doufu_tel {vertical-align: top;padding-top: 15px;} .buy_doufu .buy_doufu_content .buy_doufu_goods .buy_doufu_icon_2 .buy_doufu_header .buy_doufu_tel h3 {font-size: 21px;font-weight: bold;padding-bottom: 8px;} .buy_doufu .buy_doufu_content .buy_doufu_goods .buy_doufu_icon_2 .buy_doufu_header .buy_doufu_tel h3 div {font-size: 12px;padding-top: 8px;} .buy_doufu .buy_doufu_content .buy_doufu_goods .buy_doufu_icon_2 .buy_doufu_header .buy_doufu_tel h3 div span {display: inline-block;border-radius: 4px;padding-left: 8px;padding-right: 8px;padding-top: 2px;padding-bottom: 2px;border: 1px solid #BBBBBB;color: #666;} .buy_doufu .buy_doufu_content .buy_doufu_goods .buy_doufu_icon_2 .buy_doufu_dec {height: 60px;width: 490px;color: #666;font-size: 14px;line-height: 25px;padding-top: 10px;} .buy_doufu .buy_doufu_content .buy_doufu_goods .buy_doufu_icon_2 .buy_doufu_price {margin-top: 20px;font-size: 42px;} .buy_doufu .buy_doufu_content .buy_doufu_goods .buy_doufu_icon_2 .buy_doufu_price .price {position: relative;} .buy_doufu .buy_doufu_content .buy_doufu_goods .buy_doufu_icon_2 .buy_doufu_price .price span:first-child {font-size: 24px;} .buy_doufu .buy_doufu_content .buy_doufu_goods .buy_doufu_icon_2 .buy_doufu_price .price label {border-radius: 5px;font-size: 12px;font-weight: bold;margin-left: 5px;position: relative;top: -20px;display: inline-block;padding: 2px 10px 2px 10px;background: #FAEDE5;color: #f44336;} .buy_doufu .buy_doufu_content .buy_doufu_goods .buy_doufu_icon_2 .buy_doufu_price .goumai {position: relative;bottom: 8px;left: 8px;} .buy_doufu .buy_doufu_content .buy_doufu_goods .buy_doufu_icon_2 .buy_doufu_price .goumai a {text-decoration: none;border-radius: 5px;background: #F7411C;border: 1px solid #F7401C;color: #fff;display: inline-block;text-align: center;box-sizing: border-box;font-size: 18px;width: 135px;height: 37px;line-height: 37px;margin-right: 10px;} .buy_doufu .buy_doufu_content .buy_doufu_goods .buy_doufu_icon_2 .buy_doufu_price .goumai a:hover{background: #e63b19;} .buy_doufu .buy_doufu_content .buy_doufu_goods .buy_doufu_icon_2 .buy_doufu_cuxiao {font-size: 15px;padding-top: 28px;} .buy_doufu .buy_doufu_content .buy_doufu_goods .buy_doufu_icon_2 .buy_doufu_cuxiao p {font-size: 15px;font-weight: bold;} .buy_doufu .buy_doufu_content .buy_doufu_goods .buy_doufu_icon_2 .buy_doufu_cuxiao .zengsong {color: #666;height: 128px} .buy_doufu .buy_doufu_content .buy_doufu_goods .buy_doufu_icon_2 .buy_doufu_cuxiao .zengsong div {display: inline-block;width: 100%;margin-top: 4px;margin-left: -10px;font-size: 15px;} .buy_doufu .buy_doufu_content .buy_doufu_goods .buy_doufu_icon_2 .buy_doufu_cuxiao .zengsong div span {border: 1px solid red;width: 7%;text-align: center;color: red;font-size: 10px;font-weight: bold; margin-left: 10px;padding-left: 2px;padding-right: 2px;border-radius: 5px;display: inline-block;line-height: 18px;vertical-align: top;margin-right: 7px;} .buy_doufu .buy_doufu_content_2 {margin-top: 4px;position: relative;} .buy_doufu .buy_doufu_content_2 .active {margin-top: 0 !important;height: 560px !important;} .buy_doufu .buy_doufu_content_2 .active .buy_doufu_icon_2 {padding-top: 50px !important;height: 560px !important;} .buy_doufu .buy_doufu_content_2 .buy_doufu_goods {position: relative;margin-top: 25px;vertical-align: top;width: 33%;height: 520px;display: inline-block;} .buy_doufu .buy_doufu_content_2 .buy_doufu_goods .buy_doufu_icon_2 {height: 520px;padding-left: 30px;padding-right: 30px;padding-top: 20px;padding-bottom: 40px;position: relative;border-radius: 4px;background-color: #fff;} .buy_doufu .buy_doufu_content_2 .buy_doufu_goods .buy_doufu_icon_2 .buy_doufu_header .buy_doufu_title {vertical-align: top;padding-top: 20px;} .buy_doufu .buy_doufu_content_2 .buy_doufu_goods .buy_doufu_icon_2 .buy_doufu_header .buy_doufu_title img {width: 52px;} .buy_doufu .buy_doufu_content_2 .buy_doufu_goods .buy_doufu_icon_2 .buy_doufu_header .buy_doufu_tel {vertical-align: top;padding-top: 15px;padding-left: 15px;} .buy_doufu .buy_doufu_content_2 .buy_doufu_goods .buy_doufu_icon_2 .buy_doufu_header .buy_doufu_tel h3 {font-size: 21px;font-weight: bold;padding-bottom: 8px;} .buy_doufu .buy_doufu_content_2 .buy_doufu_goods .buy_doufu_icon_2 .buy_doufu_header .buy_doufu_tel h3 div {font-size: 13px;padding-top: 9px;} .buy_doufu .buy_doufu_content_2 .buy_doufu_goods .buy_doufu_icon_2 .buy_doufu_header .buy_doufu_tel h3 div span {display: inline-block;border-radius: 4px;padding-left: 8px;padding-right: 8px;padding-top: 2px;padding-bottom: 2px;border: 1px solid #BBBBBB;color: #666;} .buy_doufu .buy_doufu_content_2 .buy_doufu_goods .buy_doufu_icon_2 .buy_doufu_dec {height: 56px;width: 100%;color: #666;font-size: 13px;line-height: 23px;padding-top: 10px} .buy_doufu .buy_doufu_content_2 .buy_doufu_goods .buy_doufu_icon_2 .buy_doufu_price {margin-top: 18px;font-size: 44px;} .buy_doufu .buy_doufu_content_2 .buy_doufu_goods .buy_doufu_icon_2 .buy_doufu_price .price {position: relative;} .buy_doufu .buy_doufu_content_2 .buy_doufu_goods .buy_doufu_icon_2 .buy_doufu_price .price span:first-child {font-size: 24px;} .buy_doufu .buy_doufu_content_2 .buy_doufu_goods .buy_doufu_icon_2 .buy_doufu_price .price label {border-radius: 5px;font-size: 12px;font-weight: bold;margin-left: 2px;position: relative;top: -20px;display: inline-block;padding: 2px;background: #FAEDE5;color: #f44336;} .buy_doufu .buy_doufu_content_2 .buy_doufu_goods .buy_doufu_icon_2 .buy_doufu_price .goumai {position: relative;bottom: 8px;left: 8px;} .buy_doufu .buy_doufu_content_2 .buy_doufu_goods .buy_doufu_icon_2 .buy_doufu_price .goumai a {text-decoration: none;border-radius: 5px;background:#F7401C;border: 1px solid #F7411C;color: #fff;display: inline-block;text-align: center;box-sizing: border-box;font-size: 18px;width: 100px;height: 37px;line-height: 37px;margin-right: 10px;} .buy_doufu .buy_doufu_content_2 .buy_doufu_goods .buy_doufu_icon_2 .buy_doufu_price .goumai a:hover{background: #e63b19;} .buy_doufu .buy_doufu_content_2 .buy_doufu_goods .buy_doufu_icon_2 .buy_doufu_cuxiao {font-size: 15px;padding-top: 36px;} .buy_doufu .buy_doufu_content_2 .buy_doufu_goods .buy_doufu_icon_2 .buy_doufu_cuxiao p {font-size: 15px;font-weight: bold;} .buy_doufu .buy_doufu_content_2 .buy_doufu_goods .buy_doufu_icon_2 .buy_doufu_cuxiao .zengsong {color: #666;margin-left: -10px;height: 128px} .buy_doufu .buy_doufu_content_2 .buy_doufu_goods .buy_doufu_icon_2 .buy_doufu_cuxiao .zengsong div {display: inline-block;width: 100%;padding-top: 10px;font-size: 15px;} .buy_doufu .buy_doufu_content_2 .buy_doufu_goods .buy_doufu_icon_2 .buy_doufu_cuxiao .zengsong div span {border: 1px solid red;width: 10%;text-align: center;color: red;font-size: 10px;font-weight: bold; margin-left: 10px;padding-left: 2px;padding-right: 2px;border-radius: 5px;display: inline-block;line-height: 18px;vertical-align: top;margin-right: 7px;} .buy_doufu_tag1{text-shadow:0px 0px 5px #ff9b4a,0px 0px 10px #ff9b4a;display: inline-block;color:#fff7df;background-color:#E33C1A; text-align: center;height: 25px;line-height: 25px;font-size: 14px; width: 100px;border-radius: 4px;letter-spacing: 1px;} .buy_doufu_tag2{text-shadow:0px 0px 5px #ff9b4a,0px 0px 10px #ff9b4a;display: inline-block;color:#fff7df;background-color:#E33C1A; text-align: center;height: 25px;line-height: 25px;font-size: 14px; width: 100px;border-radius: 4px;letter-spacing: 1px;} .buy_doufu_tag3{text-shadow:0px 0px 5px #ff9b4a,0px 0px 10px #ff9b4a;display: inline-block;color:#fff7df;background-color:#E33C1A; text-align: center;height: 25px;line-height: 25px;font-size: 14px; width: 100px;border-radius: 4px;letter-spacing: 1px;} .doufu_ayoa_m3 {width: 100%;max-width: 1920px;min-width: 1200px;margin: 0 auto; background-color: #fff; height: 280px;margin-top: 40px;} .doufu_ayoa_m3 .content {width: 1200px;margin: 0 auto;padding-top: 50px;} .doufu_ayoa_m3 .content .title {font-size: 26px;font-family: 'bestFont medium';text-align: center; font-weight: bold;} .doufu_ayoa_m3 .content .wrapper {display: flex;flex-wrap: wrap;justify-content: space-between;margin-top: 0px;} .doufu_ayoa_m3 .content .wrapper .item {width: 25%;text-align: center;font-family: 'bestFont regular';padding-top: 55px;padding-bottom: 20px;} .doufu_ayoa_m3 .content .wrapper .item .v_title {font-size: 20px;margin-top: 20px;} .lim_buy_c {background:#E33C1A;border-top-left-radius: 4px;border-top-right-radius: 4px;} .lim_buy_b {position: absolute;top:0px;left: 0px} .lim_buy_b1 {position: absolute;top:25px;left: 0px} .lim_buy_d {position: absolute;top:0px;right: 0px} .lim_buy_d1 {position: absolute;top:25px;right: 0px} .buy_doufu_img { width: 220px; height: 220px;} .buy_doufu_hover { background: none;border: 1px solid #e94518; color: #e94518; display: inline-block; text-align: center; box-sizing: border-box; } .buy_doufu_hover:hover{ background-color: #F8401C; color: #fff!important;} .doufu_buyList2 > div > div { background-color: #fff; height: 220px;} .doufu_buyList2 .buyList2_price { position: absolute; left: 0; top: 114px; } .doufu_buyList2 .buyList2_btn { position: absolute; left: 0; top: 170px; } .doufu_buyList2 .supbg { background-color: #fdc043; } /* doufu end*/ /*评价 start */ .pingjia_header_title {width: 100%;max-width: 1920px;min-width: 1200px;margin: 0px auto;height: 70px;position: relative;z-index: 998;text-align: right;border-top: solid #F4F4F4 1px;} .pingjia_header_title .pingjia {width: 160px;height: 50px;display: inline-block;position: absolute;top: 50%;left: 50%;margin: -15px 0 0 135px;} .pingjia_header_title .pingjia span {font-size: 16px;} .pingjia_header_title .duibi {width: 80px;height: 50px;display: inline-block;position: absolute;top: 50%;left: 50%;margin: -15px 0 0 320px;} .pingjia_header_title .duibi a {font-size: 16px;color: #000;} .pingjia_header_title .goumai {width: 140px;height: 50px;display: inline-block;position: absolute;top: 50%;left: 50%;margin: -25px 0 0 440px;} .pingjia_header_title .goumai a {background: #F7411C;border: 1px solid #e94518;color: #fff;display: inline-block;text-align: center;box-sizing: border-box;font-size: 18px;width: 160px;line-height: 40px;border-radius: 5px;} .pingjia_header_title.prod-menu_fixed60{position: fixed;top: 60px;left: 50%;transform: translate(-50%);z-index: 101;background-color: #fff;} .pingjia_header_title.prod-menu_fixed30{position: fixed;top: 30px;left: 50%;transform: translate(-50%);z-index: 101;background-color: #fff;} .pingjia_content {width: 100%;max-width: 1920px;min-width: 1200px;margin: 0 auto;overflow: hidden;padding-top: 40px;background-color: #F9FAFC;} .pingjia_content .v1 {width: 1200px;margin: 0 auto;} /*.pingjia_content .v1 div {margin-top: 4px;position: relative !important;}*/ .pingjia_content .v2 {padding-left: 50px;padding-right: 30px;padding-top: 30px;padding-bottom: 40px;position: relative !important;border-radius: 4px;min-height: 200px;background-color: #fff;} .pingjia_content .v3 {border-bottom: solid #F6F6F6 1px;width: 800px;height: 50px;display: inline-block;font-size: 16px;font-weight: bold;} .pingjia_content .comment_pingjia {margin-top: 10px;margin: 0 auto;} .pingjia_content .comment_pingjia .item {padding-bottom: 20px;padding-top: 20px;border-bottom: solid #F6F6F6 1px;} .pingjia_content .comment_pingjia .item .user {display: inline-block;vertical-align: top;text-align: center;} .pingjia_content .comment_pingjia .item .userComment {display: inline-block;width: 90%;vertical-align: top;font-size: 14px;padding-left: 20px;} .pingjia_content .comment_pingjia .item .userComment .uname {font-size: 14px;font-weight: bold;} .pingjia_content .comment_pingjia .item .userComment .evacontent {font-size: 14px;padding-top: 6px;} .pingjia_content .comment_pingjia .item .userComment .goods {font-size: 14px;padding-top: 12px;color: #999;padding: 0 0 10px;} .pingjia_content .comment_pingjia .item .userComment .replay {padding: 12px 0 15px 20px;background-color: #F7F7F7;} .pingjia_content .comment_pingjia .item .userComment .replay .mairuan {display: inline-block;vertical-align: top;text-align: center;} .pingjia_content .comment_pingjia .item .userComment .replay .replay_comment {display: inline-block;width: 90%;vertical-align: top;font-size: 14px;padding-left: 20px;} .pingjia_content .comment_pingjia .item .userComment .replay .replay_comment .replay_user {font-size: 14px;font-weight: bold;} .pingjia_content .comment_pingjia .item .userComment .replay .replay_comment .replay_content {font-size: 14px;padding-top: 6px;} .pingjia_content .showMore {text-align: center;padding-top: 30px;} .pingjia_count_all {float: right;} .pingjia_count_all .pingjia_count {padding-left: 50px;padding-right: 15px;padding-top: 30px;padding-bottom: 60px;position: relative !important;border-radius: 4px;background-color: #fff;} .pingjia_count_all .pingjia_count .pie {width: 140px;height: 140px;border-radius: 50%;background: pink;position: relative;} .pingjia_count_all .pingjia_count .pie .circle {width: 115px;height: 115px;line-height: 25px;text-align: center;color: red;position: absolute;top: 50%;left: 50%;z-index: 100;transform: translate(-50%, -50%);background: white;border-radius: 50%;font-size: 36px;padding-top: 30px;font-weight: bold;} .pingjia_count_all .pingjia_count .pie .circle span {color: #000;font-size: 16px;font-weight: normal;} .pingjia_count_all .pingjia_count .pie .left {border-radius: 140px 0 0 140px;width: 70px;height: 140px;float: left;overflow: hidden;} .pingjia_count_all .pingjia_count .pie .left .left-deg {width: 70px;height: 140px;background: #F7401D;transform-origin: right center;transform: rotate(0deg);} .pingjia_count_all .pingjia_count .pie .right {border-radius: 0 140px 140px 0;width: 70px;height: 140px;float: left;overflow: hidden;} .pingjia_count_all .pingjia_count .pie .right .right-deg {width: 70px;height: 140px;background: #F7401D;transform-origin: left center;transform: rotate(0deg);} .pingjia_count_all .pingjia_count .count {margin-top: 15px;} .pingjia_count_all .pingjia_count .count span:first-child {font-size: 30px;font-weight: bold;} /*评价 end*/ /* buy.html页面 商品技术参数 */ .doufu .buyList1_s1{border-bottom: 0;} .doufu .layui-collapse{position: relative;border: 0;} .doufu .layui-colla-title{height: 36px;line-height: 36px;border: 0;padding: 0 15px 0 10px;font-size: 15px;font-weight: bold;border-radius: 4px;background-color: #fff;overflow: visible;text-align: left;color: #9A9A9A;} .doufu .layui-colla-title .layui-colla-icon{left: auto;right: 20px;transform: rotate(90deg);} .doufu .layui-colla-title span{display: inline-block;width: 16px;height: 16px;line-height: 16px;text-align: center;color: white;background-color: #bfbfbf;font-size: 12px;font-weight: normal;border-radius: 50%;position: relative;} .doufu .layui-colla-title span:hover::before{content: '';width: 0;height: 0;border: 8px solid;border-color: #999 transparent transparent transparent;position: absolute;top: -11px;left: 0;z-index: 1;} .doufu .layui-colla-title span:hover i{position: relative;z-index: 2;} .doufu .layui-colla-title span:hover i::before{content: '';width: 0;height: 0;border: 8px solid;border-color: #f4f4f4 transparent transparent transparent;position: absolute;top: -12px;left: -10px;z-index: 1;} .doufu .layui-colla-title span:hover::after{content: '提供设备数、换机机制、系统支持、更新说明等参数';width: 290px;height: 26px;line-height: 26px;color: #666;background-color: #f4f4f4;border: 1px solid #999;border-radius: 4px;position: absolute;top: -38px;left: -40px;} .doufu .layui-colla-title .rotate{transform: rotate(-180deg);} .doufu .layui-collapse .layui-show{width: 100%;border: 0;background-color: #fff;padding-top: 5px;/*position: absolute;*/top: 36px;left: 0;z-index: 1;} .doufu .layui-collapse .layui-show ul{padding-left: 15px;} .doufu .layui-collapse .layui-show li{margin-bottom: 7px;} .doufu .layui-collapse .layui-show li label{display: inline-block;width: 70px;vertical-align: top;} .doufu .layui-collapse .layui-show li span{display: inline-block;width: calc(100% - 75px);vertical-align: top;text-align: left;} /* 新 buy.html end */ /* 9月营销 早秋活动 start*/ .idx6_hengfu_cmm_bg{width:100%; height: 50px;background: url('//pic.mairuan.com/WebSource/cleanmymac/web/images/20200915_cmm_hengfu.png') no-repeat center center;} .idx6_hengfu_cmm_bg .content{width: 1200px;overflow: hidden;color: white;line-height: 50px;margin: 0 auto;font-size: 20px;position: relative;} .idx6_hengfu_cmm_bg .content .countdown span{letter-spacing: 2px;margin: 0 3px;font-size: 20px;} .idx6_hengfu_cmm_bg .content a{ display: inline-block;position: absolute;top:7.5px;right: 46px;height: 35px;width: 130px;line-height: 35px; color: #fff;border: 1px solid #fff;font-size: 18px;border-radius: 20px;text-decoration: none;text-align: center;} .idx6_hengfu_cmm_bg .close{ position: absolute; top: 12px;right:0px;background: url('//pic.mairuan.com/WebSource/cleanmymac/web/images/20200915_cmm_close.png')no-repeat center center;width: 26px;height: 26px;cursor: pointer;} .idx6_cmm_banner{width: 100%;max-width: 1920px;min-width: 1200px;height: 640px;margin: 0px auto; background: url('//pic.mairuan.com/WebSource/cleanmymac/web/images/20200915_cmm_banner.png') no-repeat center center;background-size: cover;} .idx6_cmm_banner .content{width: 1200px;height: 100%;margin: 0px auto;text-align: left !important;color: white;text-align: center;padding-top: 88px;position: relative;} .idx6_cmm_banner .desc{font-size: 26px;font-weight: 200;} .idx6_cmm_banner .slogan{font-size: 82px;font-weight: bold;padding-top: 30px;letter-spacing: 2px;padding-bottom: 10px;} .idx6_cmm_banner a.buy{display: inline-block;width: 200px;height: 50px;line-height: 50px;margin: 0 auto;text-align: center !important;color: white;background-color: #f02a54;font-size: 20px;border-radius: 5px;margin-top: 55px;text-decoration: none;} /* 9月营销 早秋活动 end*/ /* 双十一 start */ .topic_m1 {width: 100%;max-width: 1920px;min-width: 1200px;margin: 0 auto;height: 634px;background: #e62451 url('//pic.mairuan.com/2020/double11/topic_banner.png') no-repeat center center;} .topic_m1 .content {width: 1200px;height: 100%;margin: 0 auto;position: relative;} .topic_m1 .content .time {display: inline-block;width: 296px;height: 42px;color: white;background: url('//pic.mairuan.com/2020/double11/topic_banner_timeBg.png') no-repeat center center;background-size: 100%;font-size: 26px;line-height: 42px;font-family: 'SourceHanSansSC-Regular, bestFont regular';text-align: center;position: absolute;bottom: 20%;left: 50%;transform: translate(-50%, 0);} .topic_m2 {width: 100%;max-width: 1920px;min-width: 1200px;margin: 0 auto;background: url('//pic.mairuan.com/2020/double11/topic_m2_bg.jpg') no-repeat top center;background-size: 100% 100%;} .topic_m2 .content {width: 1200px;margin: 0 auto;padding-top: 90px;padding-bottom: 120px;text-align: center;} .topic_m2 .content .title {display: inline-block;font-size: 36px;font-family: 'SourceHanSansSC-Bold, bestFont bold';color: #fff1cd;position: relative;} .topic_m2 .content .title::before {content: '';width: 33px;height: 25px;background: url('//pic.mairuan.com/2020/double11/topic_title_before.png') no-repeat center center;position: absolute;top: 50%;left: -55px;transform: translate(0, -50%);} .topic_m2 .content .title::after {content: '';width: 32px;height: 25px;background: url('//pic.mairuan.com/2020/double11/topic_title_after.png') no-repeat center center;position: absolute;top: 50%;right: -55px;transform: translate(0, -50%);} .topic_m2 .content .main {text-align: left;margin-top: 50px;} .topic_m2 .content .main .item {width: 100%;background-color: white;border-radius: 4px;border: 4px solid #fff1cd;display: flex;} .topic_m2 .content .main .item .left .m_show {display: none;} .topic_m2 .content .main .item .right {padding: 42px 20px 0 50px;} .topic_m2 .content .main .item .v_title {font-size: 28px;font-family: 'SourceHanSansSC-Bold, bestFont bold';color: #333;} .topic_m2 .content .main .item .v_desc {font-size: 16px;line-height: 26px;font-family: 'SourceHanSansSC-Regular, bestFont regular';color: #333;} .topic_m2 .content .main .item .v_curve {width: 586px;height: 233px;background: url('//pic.mairuan.com/2020/double11/topic_m2_item1_curve_fl.png') no-repeat center center;position: relative;} .topic_m2 .content .main .item .v_curve .activity {display: inline-block;font-size: 18px;font-family: 'SourceHanSansSC-Regular, bestFont regular';color: #666;text-align: right;position: absolute;top: 45px;left: 65px;} .topic_m2 .content .main .item .v_curve .activity label {font-size: 26px;padding-left: 15px;position: relative;} .topic_m2 .content .main .item .v_curve .activity label::before {content: '￥';font-size: 18px;position: absolute;bottom: 3px;left: -5px;} .topic_m2 .content .main .item .v_curve .activity del {display: block;font-size: 18px;font-family: 'SourceHanSansSC-Regular, bestFont regular';color: #888;margin-top: -5px;} .topic_m2 .content .main .item .v_curve .subsidy {font-size: 18px;font-family: 'SourceHanSansSC-Bold, bestFont bold';color: white;padding-top: 6px;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);} .topic_m2 .content .main .item .v_curve .subsidy label {display: block;font-size: 30px;padding-left: 20px;margin-top: -5px;position: relative;} .topic_m2 .content .main .item .v_curve .subsidy label::before {content: '￥';font-size: 18px;position: absolute;bottom: 3px;left: 0;} .topic_m2 .content .main .item .v_curve .doubel11 {font-size: 18px;line-height: 22px;font-family: 'SourceHanSansSC-Regular, bestFont regular';color: #666;position: absolute;left: 65%;top: 46.5%;} .topic_m2 .content .main .item .v_curve .daily {display: inline-block;font-size: 18px;font-family: 'SourceHanSansSC-Regular, bestFont regular';color: #666;text-align: right;position: absolute;top: 45px;right: 80px;} .topic_m2 .content .main .item .v_curve .daily label {font-size: 26px;padding-left: 15px;position: relative;} .topic_m2 .content .main .item .v_curve .daily label::before {content: '￥';font-size: 18px;position: absolute;bottom: 3px;left: -5px;} .topic_m2 .content .main .item .v_price {text-align: center;font-size: 22px;font-family: 'SourceHanSansSC-Bold, bestFont bold';color: #ff383f;padding-right: 15px;} .topic_m2 .content .main .item .v_price label {font-size: 60px;padding-left: 20px;position: relative;} .topic_m2 .content .main .item .v_price label::before {content: '￥';font-size: 22px;position: absolute;bottom: 12px;left: 0;} .topic_m2 .content .main .item .v_giveaway {text-align: center;font-size: 18px;font-family: 'SourceHanSansSC-Bold, bestFont bold';color: #333;} .topic_m2 .content .main .item .v_giveaway span {height: 26px;line-height: 26px;text-align: center;color: #ff383f;background-color: rgba(230, 36, 81, 0.1);border-radius: 4px;padding: 0 8px;} .topic_m2 .content .main .item .v_giveaway label {display: none;} .topic_m2 .content .main .item .btns {text-align: center;font-family: 'SourceHanSansSC-Regular, bestFont regular';} .topic_m2 .content .main .item .btns a.buynow {display: inline-block;width: 220px;height: 60px;line-height: 60px;text-align: center;border-radius: 4px;color: white;background-color: #ff383f;font-size: 24px;} .topic_m2 .content .main .item .btns .number {font-size: 18px;} .topic_m2 .content .main .item .btns .number span {color: #ff383f;font-family: 'SourceHanSansSC-Bold, bestFont bold';} .topic_m3 {width: 100%;max-width: 1920px;min-width: 1200px;margin: 0 auto;background: url('//pic.mairuan.com/2020/double11/topic_m3_bg.jpg') no-repeat top center;background-size: 100% 100%;} .topic_m3 .content {width: 1200px;margin: 0 auto;padding-top: 90px;padding-bottom: 120px;text-align: center;} .topic_m3 .content .title {display: inline-block;font-size: 36px;font-family: 'SourceHanSansSC-Bold, bestFont bold';color: #fff1cd;position: relative;} .topic_m3 .content .title::before {content: '';width: 33px;height: 25px;background: url('//pic.mairuan.com/2020/double11/topic_title_before.png') no-repeat center center;position: absolute;top: 50%;left: -55px;transform: translate(0, -50%);} .topic_m3 .content .title::after {content: '';width: 32px;height: 25px;background: url('//pic.mairuan.com/2020/double11/topic_title_after.png') no-repeat center center;position: absolute;top: 50%;right: -55px;transform: translate(0, -50%);} .topic_m3 .content .progress {width: 100%;height: 252px;border-radius: 4px;background: #e13a4e url('//pic.mairuan.com/2020/double11/topic_m3_progressBg2.png') no-repeat center center;margin-top: 50px;display: flex;} .topic_m3 .content .progress .item {flex: 1;text-align: center;} .topic_m3 .content .progress .item .v_time {color: white;font-size: 18px;font-family: 'SourceHanSansSC-Regular, bestFont regular';margin-top: 32px;} .topic_m3 .content .progress .item .slogen {display: inline-block;width: 118px;height: 107px;line-height: 107px;text-align: center;background: url('//pic.mairuan.com/2020/double11/topic_m3_progressBg.png') no-repeat center center;color: #d72042;font-size: 62px;font-family: 'SourceHanSansSC-Bold, bestFont bold';margin-top: 10px;} .topic_m3 .content .progress .item .v_title {font-size: 24px;font-family: 'SourceHanSansSC-Bold, bestFont bold';color: #fff1cd;margin-top: 10px;} .topic_m3 .content .main {display: flex;flex-wrap: wrap;justify-content: space-between;margin-top: 60px;} .topic_m3 .content .main .item {width: 560px;height: 540px;background-color: white;border: 4px solid #fff1cd;border-radius: 4px;text-align: center;position: relative;} .topic_m3 .content .main .item .v_tag {width: 73px;height: 73px;line-height: 28px;color: white;background: url('//pic.mairuan.com/2020/double11/topic_m3_tag.png') no-repeat center center;background-size: 100%;font-size: 24px;font-family: 'SourceHanSansSC-Regular, bestFont regular';padding-top: 3px;position: absolute;top: 0;right: 0;} .topic_m3 .content .main .item .v_title {font-size: 24px;font-family: 'SourceHanSansSC-Regular, bestFont regular';margin-top: 23px;} .topic_m3 .content .main .item > img {margin-top: 35px;} .topic_m3 .content .main .item .v_price {width: 552px;height: 130px;background: url('//pic.mairuan.com/2020/double11/topic_m3_item_buy.png') no-repeat center center;position: absolute;left: 0;bottom: 0;} .topic_m3 .content .main .item .v_price .price11 {font-size: 18px;font-family: 'SourceHanSansSC-Bold, bestFont bold';color: #ff383f;position: absolute;top: -7px;left: 33%;} .topic_m3 .content .main .item .v_price .price11 label {font-size: 26px;padding-left: 15px;position: relative;} .topic_m3 .content .main .item .v_price .price11 label::before {content: '￥';font-size: 18px;position: absolute;bottom: 0;left: 0;} .topic_m3 .content .main .item .v_price .buyprice {font-size: 26px;font-family: 'SourceHanSansSC-Regular, bestFont regular';color: white;text-align: center;position: absolute;top: 10px;left: 26px;} .topic_m3 .content .main .item .v_price .buyprice label {display: block;font-size: 46px;font-family: 'SourceHanSansSC-Bold, bestFont bold';padding-left: 26px;position: relative;} .topic_m3 .content .main .item .v_price .buyprice label::before {content: '￥';font-size: 20px;position: absolute;bottom: 8px;left: 3px;} .topic_m3 .content .main .item .v_price .component {position: absolute;top: 40px;left: 33%;color: white;} .topic_m3 .content .main .item .v_price .component .top {font-size: 16px;font-family: 'SourceHanSansSC-Bold, bestFont bold';} .topic_m3 .content .main .item .v_price .component .middle {margin-top: 3px;} .topic_m3 .content .main .item .v_price .component .middle span {display: inline-block;text-align: center;font-size: 16px;font-family: 'SourceHanSansSC-Bold, bestFont bold';} .topic_m3 .content .main .item .v_price .component .middle span:first-child {width: 30%;} .topic_m3 .content .main .item .v_price .component .middle span:last-child {width: 60%;} .topic_m3 .content .main .item .v_price .component .bottom {text-align: left;margin-top: -5px;} .topic_m3 .content .main .item .v_price .component .bottom label {display: inline-block;width: 30%;font-size: 32px;padding-left: 20px;font-family: 'SourceHanSansSC-Bold, bestFont bold';position: relative;} .topic_m3 .content .main .item .v_price .component .bottom label::before {content: '￥';font-size: 16px;position: absolute;bottom: 6px;left: 2px;} .topic_m3 .content .main .item .v_price .component .bottom i {display: inline-block;width: 20px;height: 20px;line-height: 20px;text-align: center;color: #d72042;background-color: white;border-radius: 50%;margin: 0 12px 50px 0;vertical-align: top;} .topic_m3 .content .main .item .v_price .buynow {display: inline-block;width: 120px;height: 100px;font-size: 26px;line-height: 30px;font-family: 'SourceHanSansSC-Medium, bestFont medium';color: #ff383f;padding-top: 32px;position: absolute;top: 20px;right: 0;} .topic_m4 {width: 100%;max-width: 1920px;min-width: 1200px;margin: 0 auto;background: url('//pic.mairuan.com/2020/double11/topic_m4_bg.jpg') no-repeat top center;background-size: 100% 100%;} .topic_m4 .content {width: 1200px;margin: 0 auto;padding: 90px 0 95px;} .topic_m4 .content .m1 {text-align: center;} .topic_m4 .content .m1 .title {display: inline-block;font-size: 36px;font-family: 'SourceHanSansSC-Bold, bestFont bold';color: #fff1cd;position: relative;} .topic_m4 .content .m1 .title::before {content: '';width: 33px;height: 25px;background: url('//pic.mairuan.com/2020/double11/topic_title_before.png') no-repeat center center;position: absolute;top: 50%;left: -55px;transform: translate(0, -50%);} .topic_m4 .content .m1 .title::after {content: '';width: 32px;height: 25px;background: url('//pic.mairuan.com/2020/double11/topic_title_after.png') no-repeat center center;position: absolute;top: 50%;right: -55px;transform: translate(0, -50%);} .topic_m4 .content .m1 .title + span {display: none;} .topic_m4 .content .m1 .wrapper {width: 100%;height: 360px;background: url('//pic.mairuan.com/2020/double11/topic_m4_m1_bg_cmm.png') no-repeat center center;margin-top: 45px;position: relative;} .topic_m4 .content .m1 .wrapper .main {width: 494px;height: 280px;background-color: rgba(255, 255, 255, 0.7);text-align: left;padding: 30px 0 0 50px;position: absolute;top: 40px;left: 50%;} .topic_m4 .content .m1 .wrapper .main .tag {width: 73px;height: 73px;line-height: 28px;color: white;background: url('//pic.mairuan.com/2020/double11/topic_m3_tag.png') no-repeat center center;background-size: 100%;font-size: 24px;font-family: 'SourceHanSansSC-Regular, bestFont regular';text-align: center;padding-top: 3px;position: absolute;top: 0;right: 0;} .topic_m4 .content .m1 .wrapper .main .v_title {font-size: 32px;font-family: 'SourceHanSansSC-Bold, bestFont bold';color: #333;} .topic_m4 .content .m1 .wrapper .main .v_price {font-size: 26px;margin-top: 35px;} .topic_m4 .content .m1 .wrapper .main .v_price label {font-size: 42px;font-family: 'SourceHanSansSC-Bold, bestFont bold';padding-left: 20px;color: #ff383f;position: relative;} .topic_m4 .content .m1 .wrapper .main .v_price label::before {content: '￥';font-size: 26px;position: absolute;bottom: 5px;left: -3px;} .topic_m4 .content .m1 .wrapper .main .v_price del {font-size: 18px;font-family: 'SourceHanSansSC-Regular, bestFont regular';color: #888;} .topic_m4 .content .m1 .wrapper .main .v_price span {display: inline-block;width: 130px;height: 28px;line-height: 28px;text-align: center;color: #ff383f;background: url('//pic.mairuan.com/2020/double11/topic_m4_m1_tag.png') no-repeat center center;font-size: 16px;font-family: 'SourceHanSansSC-Medium, bestFont medium';} .topic_m4 .content .m1 .wrapper .main .update {display: inline-block;width: 200px;height: 52px;line-height: 52px;text-align: center;color: white;background-color: #ff383f;border-radius: 4px;font-size: 22px;font-family: 'SourceHanSansSC-Regular, bestFont regular';margin-top: 22px;} .topic_m4 .content .m1 .wrapper .main .update + label {display: none;} .topic_m4 .content .m2 {display: flex;flex-wrap: wrap;justify-content: space-between;margin-top: 75px;} .topic_m4 .content .m2 .item {width: 386px;text-align: center;} .topic_m4 .content .m2 .item .v_title {display: inline-block;font-size: 24px;font-family: 'SourceHanSansSC-Bold, bestFont bold';color: #fff1cd;position: relative;} .topic_m4 .content .m2 .item .v_title::before {content: '';width: 12px;height: 14px;background: url('//pic.mairuan.com/2020/double11/topic_title_ab.png') no-repeat center center;position: absolute;top: 12px;left: -20px;} .topic_m4 .content .m2 .item .v_title::after {content: '';width: 12px;height: 14px;background: url('//pic.mairuan.com/2020/double11/topic_title_ab.png') no-repeat center center;position: absolute;top: 12px;right: -20px;} .topic_m4 .content .m2 .item .v_title span {display: block;font-size: 40px;font-family: 'SourceHanSansSC-Bold, bestFont bold';color: #fff1cd;margin-top: -6px;} .topic_m4 .content .m2 .item .v_title + span {display: none;} .topic_m4 .content .m2 .item .v_main {height: 440px;border-radius: 4px;text-align: left;margin-top: 22px;padding: 265px 30px 0;} .topic_m4 .content .m2 .item .v_main .vv_title {font-size: 20px;line-height: auto;font-family: 'SourceHanSansSC-Bold, bestFont bold';margin-bottom: 8px;} .topic_m4 .content .m2 .item .v_main div {line-height: 28px;color: #333;} .topic_m4 .content .m2 .item .v_main div label {font-size: 16px;} .topic_m4 .content .m2 .item .v_main p {font-size: 16px;line-height: 26px;color: #333;} .topic_m4 .content .m2 .item .v_main p label {color: #ff383f;font-family: 'SourceHanSansSC-Bold, bestFont bold';} .topic_m4 .content .m2 .item:nth-of-type(1) .v_main {background: #fff url('//pic.mairuan.com/2020/double11/topic_m4_m2_bg3.png') no-repeat top center;} .topic_m4 .content .m2 .item:nth-of-type(2) .v_main {background: #fff url('//pic.mairuan.com/2020/double11/topic_m4_m2_bg1.png') no-repeat top center;} .topic_m4 .content .m2 .item:nth-of-type(3) .v_main {background: #fff url('//pic.mairuan.com/2020/double11/topic_m4_m2_bg2.png') no-repeat top center;} .topic_m5 {width: 100%;max-width: 1920px;min-width: 1200px;margin: 0 auto;background: url('//pic.mairuan.com/2020/double11/topic_m5_bg.jpg') no-repeat top center;background-size: 100% 100%;} .topic_m5 .content {width: 1200px;margin: 0 auto;text-align: center;padding-top: 91px;padding-bottom: 120px;} .topic_m5 .content .title {display: inline-block;font-size: 36px;font-family: 'SourceHanSansSC-Bold, bestFont bold';color: #fff1cd;position: relative;} .topic_m5 .content .title::before {content: '';width: 33px;height: 25px;background: url('//pic.mairuan.com/2020/double11/topic_title_before.png') no-repeat center center;position: absolute;top: 50%;left: -55px;transform: translate(0, -50%);} .topic_m5 .content .title::after {content: '';width: 32px;height: 25px;background: url('//pic.mairuan.com/2020/double11/topic_title_after.png') no-repeat center center;position: absolute;top: 50%;right: -55px;transform: translate(0, -50%);} .topic_m5 .content .time {width: 100%;height: 100px;line-height: 100px;color: white;background: url('//pic.mairuan.com/2020/double11/topic_m5_timeBg.png') no-repeat center center;font-size: 24px;text-align: center;margin-top: 52px;} .topic_m5 .content .time .countdown span {display: inline-block;width: 36px;height: 36px;line-height: 36px;text-align: center;color: #ff383f;background-color: white;font-size: 24px;font-family: 'SourceHanSansSC-Bold, bestFont bold';border-radius: 2px;margin: 0 6px;} .topic_m5 .content .wrapper {display: flex;flex-wrap: wrap;justify-content: space-between;margin-top: 16px;margin-bottom: 110px;} .topic_m5 .content .wrapper .item {width: 288px;height: 430px;background-color: white;border-radius: 4px;overflow: hidden;} .topic_m5 .content .wrapper .item .thumb {height: 288px;background-color: #f6fbfd;padding-top: 44px;position: relative;} .topic_m5 .content .wrapper .item .thumb img{max-width: 180px;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);} .topic_m5 .content .wrapper .item .thumb .tag {display: inline-block;width: 130px;height: 36px;line-height: 36px;text-align: center;border-top-left-radius: 18px;color: #ff383f;background-color: #ffdfe0;font-size: 16px;font-family: 'SourceHanSansSC-Medium, bestFont medium';position: absolute;right: 0;bottom: 0;} .topic_m5 .content .wrapper .item .v_title {font-size: 18px;font-family: 'SourceHanSansSC-Bold, bestFont bold';color: #333;margin-top: 10px;} .topic_m5 .content .wrapper .item .v_desc {font-size: 14px;font-family: 'SourceHanSansSC-Regular, bestFont regular';color: #888;} .topic_m5 .content .wrapper .item .v_price {display: flex;padding: 10px 20px 0;} .topic_m5 .content .wrapper .item .v_price .left {width: calc(100% - 93px);text-align: left;} .topic_m5 .content .wrapper .item .v_price .left .top {font-size: 18px;font-family: 'SourceHanSansSC-Bold, bestFont bold';color: #ff383f;} .topic_m5 .content .wrapper .item .v_price .left .top del {font-size: 14px;font-family: 'SourceHanSansSC-Regular, bestFont regular';color: #888;} .topic_m5 .content .wrapper .item .v_price .left .middle {vertical-align: top;} .topic_m5 .content .wrapper .item .v_price .left .middle > span {display: inline-block;width: 80px;height: 8px;border-radius: 4px;background-color: #e6e6e6;overflow: hidden;} .topic_m5 .content .wrapper .item .v_price .left .middle > span span {display: inline-block;height: 100%;border-radius: 4px;background-color: #ff383f;vertical-align: top;} .topic_m5 .content .wrapper .item .v_price .right a {display: inline-block;width: 93px;height: 40px;line-height: 40px;text-align: center;font-size: 18px;font-family: 'SourceHanSansSC-Regular, bestFont regular';color: white;background-color: #888888;border-radius: 4px;margin-top: 5px;} .topic_m5 .content .wrapper .item .v_price .right a.doing {color: white;background-color: #ff383f;} .topic_m5 .content .main {width: 100%;height: 240px;background: url('//pic.mairuan.com/2020/double11/topic_m5_bg2.png') no-repeat center center;position: relative;margin-top: 44px;} .topic_m5 .content .main .code {width: 191px;height: 180px;background: url('//pic.mairuan.com/2020/double11/topic_m5_code.png') no-repeat center center;padding-top: 12px;position: absolute;top: 30px;left: 106px;} .topic_m5 .content .main .code img{max-width: 155px;} .topic_m5 .content .main .txt {width: 600px;margin: 0 auto;font-size: 16px;line-height: 26px;color: white;font-family: 'SourceHanSansSC-Regular, bestFont regular';text-align: left;padding: 87px 50px 0;} .topic_nav {width: 90px;height: 409px;background: url('//pic.mairuan.com//2020/double11/topic_nav_bg2.png') no-repeat center center;position: fixed;top: 30%;left: 0;} .topic_nav > div {height: 100%;position: relative;top: 0;} .topic_nav > div a {display: inline-block;width: 100%;height: 20px;cursor: pointer;position: absolute;left: 0;bottom: 10px;} .topic_nav ul {width: 70px;margin: 0 auto;padding: 112px 0 0;text-align: center;} .topic_nav ul li {font-size: 14px;line-height: 30px;font-family: 'SourceHanSansSC-Regular, bestFont regular';color: #333;cursor: pointer;} .topic_nav ul li:not(:last-child) {border-bottom: 1px dashed #e5dad8;} .topic_nav ul li.active {color: #ff383f;} /* 修改1 */ .topic_m5 .content .wrapper .item .v_title {font-size: 18px;font-family: 'SourceHanSansSC-Bold, bestFont bold';color: #333;margin-top: 10px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} .topic_m5 .content .wrapper .item .v_desc {font-size: 14px;font-family: 'SourceHanSansSC-Regular, bestFont regular';color: #888;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} /* 修改2 */ .topic_m5 .content .wrapper .item .v_title{padding: 0 20px;} .topic_m5 .content .wrapper .item .v_desc{padding: 0 20px;} /* 修改3 */ .topic_m1_v2 {width: 100%;max-width: 1920px;min-width: 1200px;margin: 0 auto;height: 630px;background: url('//pic.mairuan.com/2020/double11/topic_banner_v2.png') no-repeat center center;} .topic_m1_v2 .content {width: 1200px;margin: 0 auto;text-align: center;color: white;padding-top: 326px;} .topic_m1_v2 .content .number {display: inline-block;width: 540px;height: 110px;line-height: 96px;background: url('//pic.mairuan.com/2020/double11/topic_banner_v2_btn.png') no-repeat center center;font-size: 42px;font-family: 'SourceHanSansSC-Medium, bestFont medium';} .topic_m1_v2 .content .number span:first-child {color: #ffed56;margin-right: 8px;} .topic_m1_v2 .content .time {font-size: 18px;font-family: 'SourceHanSansSC-Regular, bestFont regular';line-height: 24px;margin-top: 22px;} .topic_m1_v2 .content .time .countdown {font-size: 24px;font-family: 'SourceHanSansSC-Bold, bestFont bold';} .topic_m1_v2 .content .time .countdown span {margin: 0 5px;} .topic_countTime {display: none;width: 100%;max-width: 1920px;min-width: 1200px;margin: 0 auto;height: 90px;background: #e62551 url('//pic.mairuan.com/2020/double11/topic_countTime.png') no-repeat center center;} .topic_countTime .content {width: 1200px;margin: 0 auto;text-align: right;color: white;} .topic_countTime .content .time {display: inline-block;font-size: 18px;font-family: 'SourceHanSansSC-Regular, bestFont regular';line-height: 24px;margin-top: 33px;} .topic_countTime .content .time .countdown {font-size: 24px;font-family: 'SourceHanSansSC-Bold, bestFont bold';} .topic_countTime .content .time .countdown span {margin: 0 5px;} .topic_countTime_fixed{position: fixed;left: 50%;transform: translate(-50%);background-color: white;z-index: 5;display: block;} /* 修改4 */ .topic_m2 .layui-collapse {border: none;} .topic_m2 .layui-collapse .layui-colla-item {border: none;text-align: center;position: relative;} .topic_m2 .layui-collapse .layui-colla-item .layui-colla-title {display: inline-block;height: auto;line-height: 1;background-color: transparent;margin-top: 10px;} .topic_m2 .layui-collapse .layui-colla-item .layui-colla-title i {display: none;} .topic_m2 .layui-collapse .layui-colla-item .layui-colla-title span {display: inline-block;width: 14px;height: 14px;line-height: 14px;text-align: center;color: white;background-color: #ccc;border-radius: 50%;font-size: 12px;} .topic_m2 .layui-collapse .layui-colla-item .layui-colla-content {text-align: left;border: none;color: white;color: #333;background-color: rgba(0, 0, 0, 0.8);background-color: white;border-radius: 4px;box-shadow: 0 0 16px 6px rgba(0, 0, 0, 0.1);position: absolute;top: 40px;left: 50%;z-index: 1;transform: translateX(-50%);} .topic_m2 .layui-collapse .layui-colla-item .layui-colla-content::after {content: '';position: absolute;left: 50%;top: -6px;width: 0;height: 0px;border-style: solid;border-width: 6px;border-color: #fff #fff transparent transparent;transform: rotate(-45deg);box-shadow: 4px -4px 4px rgba(0, 0, 0, 0.11);} .topic_m2 .layui-collapse .layui-colla-item .layui-colla-content li {display: flex;margin-bottom: 5px;} .topic_m2 .layui-collapse .layui-colla-item .layui-colla-content li label {width: 70px;} .topic_m2 .layui-collapse .layui-colla-item .layui-colla-content li span {width: calc(100% - 70px);} /* 修改5 - 周年庆 */ .topic_m1_v2 .content .number span:first-child {color: white;} .topic_m1_v2 .content .number span:last-child {color: #ffed56;} .topic_m1_v2 .content{padding-top: 310px;} .topic_m1_v2 .content .time{font-size: 22px;margin-top: 76px;} .topic_m0{width: 100%;max-width: 1920px;min-width: 1200px;margin: 0 auto;height: 600px;background-color: #d73535;} .topic_m0 .content{width: 1200px;margin: 0 auto;text-align: center;padding-top: 102px} .topic_m0 .content .title {display: inline-block;font-size: 36px;font-family: 'SourceHanSansSC-Bold, bestFont bold';color: #fff1cd;position: relative;} .topic_m0 .content .title::before {content: '';width: 33px;height: 25px;background: url('//pic.mairuan.com/2020/double11/topic_title_before.png') no-repeat center center;position: absolute;top: 50%;left: -55px;transform: translate(0, -50%);} .topic_m0 .content .title::after {content: '';width: 32px;height: 25px;background: url('//pic.mairuan.com/2020/double11/topic_title_after.png') no-repeat center center;position: absolute;top: 50%;right: -55px;transform: translate(0, -50%);} .topic_m0 .content .main{width: 1200px;height: 300px;background: url('//pic.mairuan.com/2020/anniversary/topic_m0.png') no-repeat center center;margin-top: 50px;padding-top: 166px} /* .topic_m0 .content .main .btns{margin-top: 50px;vertical-align: top;} */ .topic_m0 .content .main .btns .pc_show{display: inline-block;width: 260px;height: 58px;line-height: 58px;text-align: center;background: url('//pic.mairuan.com/2020/anniversary/topic_m0_btn1.png') no-repeat center center;font-size: 24px;font-family: 'SourceHanSansSC-Bold, bestFont bold';color: #ea2727;cursor: pointer} .topic_m0 .content .main .btns .m_show{display: none;} .topic_m0 .content .main .number{font-size: 16px;font-family: 'SourceHanSansSC-Regular, bestFont regular';color: #fff1cf;margin-top: 22px} .topic_m2 .content .main .right{position: relative;} .topic_m2 .content .main .right .list{width: 340px;height: 28px;background: url('//pic.mairuan.com/2020/anniversary/topic_m2_list_bg.png') no-repeat center center;overflow: hidden;position: absolute;top: 0;left: 50%;transform: translateX(-50%);} .topic_m2 .content .main .right .list ul{display: inline-block;width: 100%;height: 28px;line-height: 28px;text-align: center;} .topic_m2 .content .main .right .list ul li{font-size: 14px;line-height: 28px;font-family: 'SourceHanSansSC-Regular, bestFont regular';color: #6f3209;} .topic_m2 .content .main .item .v_curve{background: url('//pic.mairuan.com/2020/anniversary/topic_m2_item1_curve_2.png') no-repeat center center;} .topic_m2 .content .main .item .v_curve .subsidy{text-align: center;font-size: 16px;font-family: 'SourceHanSansSC-Bold, bestFont bold';top: 40%;left: 50.5%;} .topic_m2 .content .main .item .v_curve .subsidy span{display: block;width: 92px;margin: 0 auto;height: 28px;line-height: 28px;text-align: center;color: #fd8747;background-color: white;border-radius: 4px;font-size: 14px;margin-bottom: 10px;} .anniversary{width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.7);position: fixed;top: 0;left: 0;} .anniversary .main{width: 1000px;height: 600px;position: relative;top: 50%;left: 50%;transform: translate(-50%, -50%);} .anniversary .main .closeAn{display: inline-block;width: 44px;height: 44px;background: url('//pic.mairuan.com/2020/anniversary/topic_tc_close.png') no-repeat center center;position: absolute;top: 0;right: 80px;cursor: pointer;} .anniversary .main .content{width: 765px;height: 571px;background: url('//pic.mairuan.com/2020/anniversary/topic_tc_bg.png') no-repeat center center;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);text-align: center;} .anniversary .main .content .title{font-size: 18px;font-family: 'SourceHanSansSC-Medium, bestFont medium';color: #bf5f34;margin-top: 130px;} .anniversary .main .content .list{width: 570px;margin: 0 auto;display: flex;flex-wrap: wrap;justify-content: space-between;margin-top: 110px;} .anniversary .main .content .list .item{/* width: 280px; */flex: 1;text-align: center;position: relative;} .anniversary .main .content .list .item:not(:last-child)::after{content: '';width: 18px;height: 18px;background: url('//pic.mairuan.com/2020/anniversary/topic_tc_add.png') no-repeat center center;position: absolute;top: 38%;right: 0;transform: translateY(-50%);} .anniversary .main .content .list .item .v_title{font-size: 14px;font-family: 'SourceHanSansSC-Bold, bestFont bold';color: #333;margin-top: 16px;} .anniversary .main .content .list .item .v_title label{color: #fa1516;} .anniversary .main .content .btn{display: inline-block;width: 228px;height: 82px;line-height: 66px;background: url('//pic.mairuan.com/2020/anniversary/topic_tc_btn.png') no-repeat center center;font-size: 24px;font-family: 'SourceHanSansSC-Medium, bestFont medium';color: #ea2727;margin-top: 90px;cursor: pointer;} .topic_nav ul {padding: 120px 0 0;} .topic_m3 .content .progress {width: 100%;height: 252px;border-radius: 4px;background: #ff9b623b url('//pic.mairuan.com/2020/anniversary/topic_m3_progressBg2.png') no-repeat center center;margin-top: 50px;display: flex;} .topic_m3 .content .progress .item .v_title{font-size: 18px;} .topic_m3 .content .progress .item .slogen{margin-top: 70px;} .topic_m3 .content .main .item > img{margin-top: 0;width: 100%;} .topic_m3 .content .main .item .number{font-size: 24px;margin-top: 12px;} .topic_m3 .content .main .item .number label{color: #d72041;font-size: 30px;} .topic_m3 .content .main .item .btns{display: flex;text-align: center;justify-content: center;margin-top: 20px;} .topic_m3 .content .main .item .btns .single , .topic_m3 .content .main .item .btns .group{display: inline-block;width: 230px;height: 60px;line-height: 60px;text-align: center;font-size: 24px;font-family: 'SourceHanSansSC-Bold, bestFont bold';cursor: pointer;} .topic_m3 .content .main .item .btns .single{color: #d72041;background: url('//pic.mairuan.com/2020/anniversary/topic_m3_btn1.png') no-repeat center center;margin-right: 15px;} .topic_m3 .content .main .item .btns .group{color: white;background: url('//pic.mairuan.com/2020/anniversary/topic_m3_btn2.png') no-repeat center center;} .topic_m3 .layui-collapse {border: none;} .topic_m3 .layui-collapse .layui-colla-item {border: none;text-align: center;position: relative;} .topic_m3 .layui-collapse .layui-colla-item .layui-colla-title {display: inline-block;height: auto;line-height: 1;background-color: transparent;margin-top: 10px;} .topic_m3 .layui-collapse .layui-colla-item .layui-colla-title i {display: none;} .topic_m3 .layui-collapse .layui-colla-item .layui-colla-title span {display: inline-block;width: 14px;height: 14px;line-height: 14px;text-align: center;color: white;background-color: #ccc;border-radius: 50%;font-size: 12px;} .topic_m3 .layui-collapse .layui-colla-item .layui-colla-content {width: 100%;;text-align: left;border: none;color: white;color: #333;background-color: rgba(0, 0, 0, 0.8);background-color: white;border-radius: 4px;box-shadow: 0 0 16px 6px rgba(0, 0, 0, 0.1);position: absolute;top: 40px;left: 0;z-index: 1;left: 50%;transform: translateX(-50%);} .topic_m3 .layui-collapse .layui-colla-item .layui-colla-content::after {content: '';position: absolute;left: 50%;top: -6px;width: 0;height: 0px;border-style: solid;border-width: 6px;border-color: #fff #fff transparent transparent;transform: rotate(-45deg);box-shadow: 4px -4px 4px rgba(0, 0, 0, 0.11);} .topic_m3 .layui-collapse .layui-colla-item .layui-colla-content li {display: flex;margin-bottom: 5px;} .topic_m3 .layui-collapse .layui-colla-item .layui-colla-content li label {width: 70px;} .topic_m3 .layui-collapse .layui-colla-item .layui-colla-content li span {width: calc(100% - 70px);} .loading{width: 300px;height: 100px;background-color: white;border-radius: 4px;text-align: center;position: fixed;top: 50%;left: 50%;transform: translate(-50%,-50%);box-shadow: 2px 4px 32px rgba(0, 0, 0, .4);} .loading .point{width: 25px;height: 25px;position: relative;top: 15px;left: 50%;transform: translateX(-50%);animation:loading 1.5s infinite;animation-timing-function: linear;} .loading .point span{display: inline-block;width: 10px;height: 10px;border-radius: 50%;background-color: #1890ff;position: absolute;} .loading .point span:nth-of-type(1){opacity: 1;top: 0;left: 0;} .loading .point span:nth-of-type(2){opacity: .75;top: 0;right: 0;} .loading .point span:nth-of-type(3){opacity: .5;bottom: 0;right: 0;} .loading .point span:nth-of-type(4){opacity: .25;bottom: 0;left: 0;} .loading .title{font-size: 16px;margin-top: 35px;} .loading2{width: 100%;height: 100%;background-color: rgba(0, 0, 0, .5);position: fixed;top: 0;left: 0;} .loading2 .main{display: inline-block;position: relative;top: 50%;left: 50%;transform: translate(-50%,-50%);} .loading2 .main .close{width: 44px;height: 44px;background: url('//pic.mairuan.com/2020/anniversary/topic_tc_close.png');position: absolute;top: 20px;right: 0;cursor: pointer;z-index: 1;} .loading2 .main a{position: relative;} .loading2 .main a>span{width: 420px;font-size: 46px;font-family: 'SourceHanSansSC-Bold, bestFont bold';color: #fff4e7;text-align: center;position: absolute;top: 0;left: 50%;transform: translate(-50%,-62%);text-shadow: 0 0px 18px rgba(245, 7, 38, .32);} .loading2 .main a>span label.finally{font-size: 74px;} @keyframes loading { 0% {transform: rotate(0deg);} 50% {transform: rotate(180deg);} 100% {transform: rotate(360deg);} } /* .topic_m32{} */ .topic_m32 {width: 100%;max-width: 1920px;min-width: 1200px;margin: 0 auto;background-size: 100% 100%;} .topic_m32 .content {width: 1200px;margin: 0 auto;padding-top: 90px;padding-bottom: 120px;text-align: center;} .topic_m32 .content .title {display: inline-block;font-size: 36px;font-family: 'SourceHanSansSC-Bold, bestFont bold';color: #fff1cd;position: relative;} .topic_m32 .content .title::before {content: '';width: 33px;height: 25px;background: url('//pic.mairuan.com/2020/double11/topic_title_before.png') no-repeat center center;position: absolute;top: 50%;left: -55px;transform: translate(0, -50%);} .topic_m32 .content .title::after {content: '';width: 32px;height: 25px;background: url('//pic.mairuan.com/2020/double11/topic_title_after.png') no-repeat center center;position: absolute;top: 50%;right: -55px;transform: translate(0, -50%);} .topic_m32 .main{ display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: 50px; } .topic_m32 .main .item{ width: 373px; background-color: white; border-radius: 4px; padding-bottom: 22px; } .topic_m32 .main .item .v_title{ font-size: 18px; font-family: 'SourceHanSansSC-Bold, bestFont bold'; margin-top: 13px; } .topic_m32 .main .item .v_desc{ width: 75%; margin: 0 auto; font-size: 14px; line-height: 18px; color: #888; margin-top: 3px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; } .topic_m32 .main .item .price{ margin-top: 10px; } .topic_m32 .main .item .price span{ font-size: 18px; color: #ff383f; font-family: 'SourceHanSansSC-Bold, bestFont bold'; } .topic_m32 .main .item .price span i{font-style: normal;font-size: 14px;} .topic_m32 .main .item .price span label{font-size: 26px;} .topic_m32 .main .item .price del{ font-size: 14px; color: #888; font-family: 'SourceHanSansSC-Regular, bestFont regular'; } .topic_m32 .main .item .buynow{ display: inline-block; width: 200px; height: 48px; line-height: 48px; text-align: center; color: white; background-color: #ff383f; border-radius: 4px; font-size: 20px; font-family: 'SourceHanSansSC-Regular, bestFont regular'; } .topic_m4 .content .m2 .item {width: 580px;text-align: center;} .topic_m4 .content .m2 .item .v_main {display: inline-block;width: 100%;height: 260px;border-radius: 4px;text-align: left;margin-top: 22px;padding: 20px 10px 0 280px;} .topic_m4 .content .m2 .item:nth-of-type(1) .v_main {background: #fff url('//pic.mairuan.com/2020/anniversary/topic_m4_m2_bg3.png') no-repeat top left;} .topic_m4 .content .m2 .item:nth-of-type(2) .v_main {background: #fff url('//pic.mairuan.com/2020/anniversary/topic_m4_m2_bg1.png') no-repeat top left;} /* 双十一 end */ /* 百万补贴 start */ .promotion{width: 762px;height: 470px;text-align: center;margin: 0 auto;/*position: fixed;top: 50%;left: 50%;transform: translate(-50%,-50%);*/padding-top: 20px;} .promotion .title{font-size: 26px;font-family: 'SourceHanSansSC-Regular, bestFont regular';color: #fb534b;margin-top: 20px;} .promotion .desc{font-size: 16px;line-height: 24px;font-family: 'PingFangSC';margin-top: 13px;} .promotion .detail{display: inline-block;width: 130px;height: 42px;line-height: 42px;text-align: center;border-radius: 6px;color: white;background-image: linear-gradient(to top, #f13f44, #fc5f55);font-size: 16px;font-family: 'PingFangSC';margin-top: 30px;} /* 百万补贴 end */ /* 百万补贴落地页 start */ .butie_banner {width: 100%;max-width: 1920px;min-width: 1200px;margin: 0 auto;height: 650px;background: #e02f4d url('//pic.mairuan.com/WebSource/cleanmymac/web/images/butie_banner.png') no-repeat center center;} .butie_banner .content {width: 1200px;margin: 0 auto;text-align: center;padding-top: 129px;} .butie_banner .content .title {font-size: 40px;font-family: 'SourceHanSansSC-Bold, bestFont bold';color: white;} .butie_banner .content .time {font-size: 26px;font-family: 'SourceHanSansSC-Regular, bestFont regular';color: #fdf2cb;margin-top: 250px;} .butie_m1 {width: 100%;max-width: 1920px;min-width: 1200px;margin: 0 auto;background: #e02f4d url('//pic.mairuan.com/WebSource/cleanmymac/web/images/butie_m1_bg.png') no-repeat center center;} .butie_m1 .content {width: 1200px;margin: 0 auto;text-align: center;padding-top: 88px;padding-bottom: 70px;} .butie_m1 .content .title {display: inline-block;font-size: 40px;font-family: 'SourceHanSansSC-Bold, bestFont bold';color: #fdf2cb;position: relative;} .butie_m1 .content .title::before {content: '';width: 44px;height: 44px;background: url('//pic.mairuan.com/WebSource/cleanmymac/web/images/butie_title_before.png') no-repeat center center;position: absolute;top: 8px;left: -55px;} .butie_m1 .content .title::after {content: '';width: 38px;height: 44px;background: url('//pic.mairuan.com/WebSource/cleanmymac/web/images/butie_title_after.png') no-repeat center center;position: absolute;top: 8px;right: -55px;} .butie_m1 .content .main {display: flex;margin-top: 50px;} .butie_m1 .content .main .item {width: 598px;height: 550px;padding-top: 40px;position: relative;} .butie_m1 .content .main .item .v_title {font-size: 26px;font-family: 'SourceHanSansSC-Bold, bestFont bold';} .butie_m1 .content .main .item .v_desc {width: 70%;margin: 0 auto;font-size: 14px;line-height: 22px;font-family: 'SourceHanSansSC-Regular, bestFont regular';margin-top: 2px;} .butie_m1 .content .main .item .number {font-size: 100px;font-family: 'SourceHanSansSC-Bold, bestFont bold';color: #e43332;text-align: center;position: absolute;top: 18.4%;left: 50%;transform: translateX(-50%);} /* 金额 */ /* .butie_m1 .content .main .item .number::before {content: '￥';font-size: 40px;position: absolute;bottom: 18px;left: -40px;} */ /* 折扣 */ .butie_m1 .content .main .item .number i{font-style: normal;font-size: 40px;position: absolute;bottom: 18px;} .butie_m1 .content .main .item .time {width: 74%;margin: 0 auto;border-top: 1px dashed #d0823a;font-size: 16px;padding-top: 20px;position: absolute;top: 43.5%;left: 50%;transform: translateX(-50%);} .butie_m1 .content .main .item .time .countdown span {display: inline-block;width: 32px;height: 39px;line-height: 39px;text-align: center;color: #e43332;background-color: rgba(255, 255, 255, 0.3);border-radius: 3px;margin: 0 5px;} .butie_m1 .content .main .item .btns {text-align: center;position: absolute;top: 71%;left: 50%;transform: translateX(-50%);} .butie_m1 .content .main .item .btns > span {display: inline-block;width: 200px;height: 50px;line-height: 50px;text-align: center;background: url('//pic.mairuan.com/WebSource/cleanmymac/web/images/butie_btn.png') no-repeat center center;font-size: 22px;font-family: 'SourceHanSansSC-Regular, bestFont regular';color: #e43332;cursor: pointer;} .butie_m1 .content .main .item .btns .code > div {display: flex;margin-top: -30px;font-family: 'SourceHanSansSC-Regular, bestFont regular';} .butie_m1 .content .main .item .btns .code .promoCode {display: inline-block;width: 340px;height: 48px;line-height: 48px;color: #fdf2cb;background-color: #e3243f;font-size: 16px;padding-left: 20px;border-top-left-radius: 4px;border-bottom-left-radius: 4px;text-align: left;} .butie_m1 .content .main .item .btns .code .copy {display: inline-block;width: 80px;height: 48px;line-height: 48px;color: #a25213;background-color: #ffcc96;font-size: 18px;border-top-right-radius: 4px;border-bottom-right-radius: 4px;cursor: pointer;} .butie_m1 .content .main .item .btns .code .buynow {display: inline-block;width: 200px;height: 50px;line-height: 50px;text-align: center;background: url('//pic.mairuan.com/WebSource/cleanmymac/web/images/butie_btn.png') no-repeat center center;font-size: 22px;font-family: 'SourceHanSansSC-Regular, bestFont regular';color: #e43332;margin-top: 20px;} .butie_m1 .content .main .item:first-child {background: url('//pic.mairuan.com/WebSource/cleanmymac/web/images/butie_item1_bg.png') no-repeat center center;color: #a25213;} .butie_m1 .content .main .item:last-child {background: url('//pic.mairuan.com/WebSource/cleanmymac/web/images/butie_item2_bg.png') no-repeat center center;color: #b33329;} .butie_m2 {width: 100%;max-width: 1920px;min-width: 1200px;margin: 0 auto;background: #c31f3a url('//pic.mairuan.com/WebSource/cleanmymac/web/images/butie_m2_bg.png') no-repeat center center;} .butie_m2 .content {width: 1200px;margin: 0 auto;display: flex;justify-content: space-between;text-align: center;padding-top: 113px;padding-bottom: 120px;} .butie_m2 .content .item .v_title {display: inline-block;font-size: 40px;font-family: 'SourceHanSansSC-Bold, bestFont bold';color: #fdf2cb;position: relative;} .butie_m2 .content .item .v_title::before {content: '';width: 21px;height: 21px;background: url('//pic.mairuan.com/WebSource/cleanmymac/web/images/butie_title_before2.png') no-repeat center center;position: absolute;top: 18px;left: -34px;} .butie_m2 .content .item .v_title::after {content: '';width: 22px;height: 34px;background: url('//pic.mairuan.com/WebSource/cleanmymac/web/images/butie_title_after2.png') no-repeat center center;position: absolute;top: 10px;right: -34px;} .butie_m2 .content .item .v_main {width: 386px;height: 370px;border-radius: 4px;padding: 264px 0 0 30px;text-align: left;margin-top: 31px;} .butie_m2 .content .item .v_main .vv_title {font-size: 20px;font-family: 'SourceHanSansSC-Bold, bestFont bold';} .butie_m2 .content .item .v_main .vv_desc {font-size: 20px;font-family: 'SourceHanSansSC-Regular, bestFont regular';margin-top: 14px;} .butie_m2 .content .item .v_main .vv_desc label {color: #ff383f;} .butie_m2 .content .item:nth-of-type(1) .v_main {background: #fff url('//pic.mairuan.com/WebSource/cleanmymac/web/images/butie_m2_item1.png') no-repeat top center;} .butie_m2 .content .item:nth-of-type(2) .v_main {background: #fff url('//pic.mairuan.com/WebSource/cleanmymac/web/images/butie_m2_item2.png') no-repeat top center;} .butie_m2 .content .item:nth-of-type(3) .v_main {background: #fff url('//pic.mairuan.com/WebSource/cleanmymac/web/images/butie_m2_item3.png') no-repeat top center;} .butie_m3 {width: 100%;max-width: 1920px;min-width: 1200px;margin: 0 auto;background: #e02f4d url('//pic.mairuan.com/WebSource/cleanmymac/web/images/butie_m3_bg.png') no-repeat center center;} .butie_m3 .content {width: 1200px;margin: 0 auto;text-align: center;padding-top: 92px;padding-bottom: 118px;} .butie_m3 .content .title {display: inline-block;font-size: 40px;font-family: 'SourceHanSansSC-Bold, bestFont bold';color: #fdf2cb;position: relative;} .butie_m3 .content .title::before {content: '';width: 44px;height: 44px;background: url('//pic.mairuan.com/WebSource/cleanmymac/web/images/butie_title_before.png') no-repeat center center;position: absolute;top: 8px;left: -55px;} .butie_m3 .content .title::after {content: '';width: 38px;height: 44px;background: url('//pic.mairuan.com/WebSource/cleanmymac/web/images/butie_title_after.png') no-repeat center center;position: absolute;top: 8px;right: -55px;} .butie_m3 .content .main {width: 100%;height: 240px;color: white;background: url('//pic.mairuan.com/WebSource/cleanmymac/web/images/butie_m3_main.png') no-repeat center center;margin-top: 72px;position: relative;} .butie_m3 .content .main .code {width: 191px;height: 180px;background: url('//pic.mairuan.com/WebSource/cleanmymac/web/images/butie_code_bg.png') no-repeat center center;position: absolute;top: 30px;left: 110px;} .butie_m3 .content .main .code img {max-width: 156px;max-height: 156px;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);border-radius: 4px;} .butie_m3 .content .main .desc {width: 50%;margin: 0 auto;font-size: 16px;line-height: 26px;padding: 88px 68px 0 38px;text-align: left;} .butie_m3 .content .step {display: flex;margin-top: 52px;} .butie_m3 .content .step .item {flex: 1;color: #fdf2cb;position: relative;} .butie_m3 .content .step .item .v_title {font-size: 24px;font-family: 'SourceHanSansSC-Bold, bestFont bold';margin-top: 26px;} .butie_m3 .content .step .item .v_desc {font-size: 16px;font-family: 'SourceHanSansSC-Regular, bestFont regular';margin-top: 8px;} .butie_m3 .content .step .item:first-child::before {content: '';width: 153px;height: 4px;background: url('//pic.mairuan.com/WebSource/cleanmymac/web/images/butie_m3_disc.png') no-repeat center center;position: absolute;top: 58px;right: -52px;} .butie_m3 .content .step .item:nth-child(2)::before {content: '';width: 153px;height: 4px;background: url('//pic.mairuan.com/WebSource/cleanmymac/web/images/butie_m3_disc.png') no-repeat center center;position: absolute;top: 58px;right: -90px;} .butie_m1 .layui-collapse {width: 80%;;border: none;position: absolute;top: 88%;left: 50%;transform: translateX(-50%);} .butie_m1 .layui-collapse .layui-colla-item {border: none;text-align: center;position: relative;} .butie_m1 .layui-collapse .layui-colla-item .layui-colla-title {display: inline-block;height: auto;line-height: 1;background-color: transparent;margin-top: 10px;color: white;} .butie_m1 .layui-collapse .layui-colla-item .layui-colla-title i {display: none;} .butie_m1 .layui-collapse .layui-colla-item .layui-colla-title span {display: inline-block;width: 14px;height: 14px;line-height: 14px;text-align: center;color: white;background-color: #ccc;border-radius: 50%;font-size: 12px;} .butie_m1 .layui-collapse .layui-colla-item .layui-colla-content {width: 100%;;text-align: left;border: none;color: white;color: #333;background-color: rgba(0, 0, 0, 0.8);background-color: white;border-radius: 4px;box-shadow: 0 0 16px 6px rgba(0, 0, 0, 0.1);position: absolute;top: 40px;left: 0;z-index: 1;left: 50%;transform: translateX(-50%);} .butie_m1 .layui-collapse .layui-colla-item .layui-colla-content::after {content: '';position: absolute;left: 50%;top: -6px;width: 0;height: 0px;border-style: solid;border-width: 6px;border-color: #fff #fff transparent transparent;transform: rotate(-45deg);box-shadow: 4px -4px 4px rgba(0, 0, 0, 0.11);} .butie_m1 .layui-collapse .layui-colla-item .layui-colla-content li {display: flex;margin-bottom: 5px;} .butie_m1 .layui-collapse .layui-colla-item .layui-colla-content li label {width: 70px;} .butie_m1 .layui-collapse .layui-colla-item .layui-colla-content li span {width: calc(100% - 70px);} /* 百万补贴落地页 start */ /* CMM 下载集合页 2020/12/28 start*/ .cmm_mac_banner {width: 100%;max-width: 1920px;min-width: 1200px;margin: 50px auto;} .cmm_mac_banner .content {text-align: center;margin: 0 auto;} .cmm_mac_banner .content .title {font-size: 88px;color: #333333;font-weight: bold;font-family: 'bestFont medium';} .cmm_mac_banner .content .desc {font-size: 26px;color: #333333;font-weight: bold;font-family: 'bestFont medium';} .cmm_mac_banner .content .v_desc {padding-top: 35px;font-size: 14px;color: #a0a0a0;font-family: 'bestFont regular';} .cmm_mac_menu {width: 100%;max-width: 1920px;min-width: 1200px;margin: 50px auto;} .cmm_mac_menu .content {text-align: center;margin: 0 auto;} .cmm_mac_menu .content .menu {display: inline-block;margin-right: 20px;height: 100px;width: 100px;line-height: 100px;background-color: #fff;box-shadow: 0px 4px 20px rgba(0, 84, 255, 0.16);border-radius: 50%;cursor: pointer;position: relative;} .cmm_mac_menu .content .menu .img1 {position: absolute;top: -28px;left: 28px;} .cmm_mac_menu .content .menu.active {height: 120px;width: 120px;line-height: 120px;} .cmm_mac_menu .content .menu.active .img1 {width: 44px;top: -30px;left: 36px;} .cmm_mac_goods {width: 100%;max-width: 1920px;min-width: 1200px;margin: 50px auto;text-align: center;} .cmm_mac_goods .cmm_con_goods1 {background: url('//pic.mairuan.com/WebSource/cleanmymac/web/images/cmm_goods_two.png') no-repeat center center;height: 641px;} .cmm_mac_goods .cmm_con_goods1 .content {width: 1200px;margin: 0 auto;} .cmm_mac_goods .cmm_con_goods1 .content .v_title {text-align: left;color: #dadde1;font-size: 36px;font-weight: bold;padding-top: 58px;padding-left: 60px;font-family: 'bestFont regular';} .cmm_mac_goods .cmm_con_goods1 .content .title {text-align: left;font-size: 48px;font-weight: bold;padding-top: 0px;padding-left: 60px;font-family: 'bestFont medium';} .cmm_mac_goods .cmm_con_goods1 .content .con_title {text-align: left;font-size: 24px;font-weight: bold;padding-top: 45px;padding-left: 60px;} .cmm_mac_goods .cmm_con_goods1 .content .con_content {width: 50%;line-height: 28spx;text-align: left;font-size: 18px;padding-top: 5px;padding-left: 60px;font-family: 'bestFont regular';} .cmm_mac_goods .cmm_con_goods1 .content .price {padding-top: 42px;text-align: left;} .cmm_mac_goods .cmm_con_goods1 .content .price .s1 {font-size: 24px;padding-top: 50px;padding-left: 60px;font-family: 'bestFont medium';} .cmm_mac_goods .cmm_con_goods1 .content .price .s2 {color: red;font-size: 24px;font-family: 'bestFont medium';} .cmm_mac_goods .cmm_con_goods1 .content .price .s3 {color: red;font-size: 48px;font-family: 'bestFont medium';} .cmm_mac_goods .cmm_con_goods1 .content .price del {font-size: 18px;color: #bbbbbb;font-family: 'bestFont regular';} .cmm_mac_goods .cmm_con_goods1 .content .goumai {text-align: left;padding-left: 60px;padding-top: 10px;} .cmm_mac_goods .cmm_con_goods1 .content .goumai a {display: inline-block;cursor: pointer;width: 200px;height: 55px;line-height: 55px;margin: 0 auto;text-align: center;color: white;background-image: linear-gradient(to right, #ff6522, #f4401d);font-size: 20px;border-radius: 50px;padding-left: 15px;position: relative;font-family: 'bestFont regular';} .cmm_mac_goods .cmm_con_goods1 .content .goumai a::before {content: '';width: 54px;height: 59px;background: url('//pic.mairuan.com/WebSource/cleanmymac/web/images/cmm_tag1.png') no-repeat center center;position: absolute;top: -2px;left: 22px;} .cmm_mac_goods .cmm_con_goods2 {background: url('//pic.mairuan.com/WebSource/cleanmymac/web/images/cmm_goods_one.png') no-repeat center center;height: 641px;} .cmm_mac_goods .cmm_con_goods2 .content {width: 1200px;margin: 0 auto;} .cmm_mac_goods .cmm_con_goods2 .content .v_title {text-align: left;color: #dadde1;font-size: 36px;font-weight: bold;padding-top: 58px;padding-left: 60px;font-family: 'bestFont regular';} .cmm_mac_goods .cmm_con_goods2 .content .title {text-align: left;font-size: 48px;font-weight: bold;padding-top: 0px;padding-left: 60px;font-family: 'bestFont medium';} .cmm_mac_goods .cmm_con_goods2 .content .con_title {text-align: left;font-size: 24px;font-weight: bold;padding-top: 45px;padding-left: 60px;font-family: 'bestFont medium';} .cmm_mac_goods .cmm_con_goods2 .content .con_content {width: 50%;line-height: 28px;text-align: left;font-size: 18px;padding-top: 5px;padding-left: 60px;font-family: 'bestFont regular';} .cmm_mac_goods .cmm_con_goods2 .content .price {padding-top: 42px;text-align: left;} .cmm_mac_goods .cmm_con_goods2 .content .price .s1 {font-size: 24px;padding-top: 50px;padding-left: 60px;font-family: 'bestFont medium';} .cmm_mac_goods .cmm_con_goods2 .content .price .s2 {color: red;font-size: 24px;font-family: 'bestFont medium';} .cmm_mac_goods .cmm_con_goods2 .content .price .s3 {color: red;font-size: 48px;font-family: 'bestFont medium';} .cmm_mac_goods .cmm_con_goods2 .content .price del {font-size: 18px;color: #bbbbbb;font-family: 'bestFont regular';} .cmm_mac_goods .cmm_con_goods2 .content .goumai {text-align: left;padding-left: 60px;padding-top: 10px;} .cmm_mac_goods .cmm_con_goods2 .content .goumai a {display: inline-block;cursor: pointer;width: 200px;height: 55px;line-height: 55px;margin: 0 auto;text-align: center;color: white;background-image: linear-gradient(to right, #ff6522, #f4401d);font-size: 20px;border-radius: 50px;padding-left: 15px;position: relative;font-family: 'bestFont regular';} .cmm_mac_goods .cmm_con_goods2 .content .goumai a::before {content: '';width: 54px;height: 59px;background: url('//pic.mairuan.com/WebSource/cleanmymac/web/images/cmm_tag1.png') no-repeat center center;position: absolute;top: -2px;left: 22px;} .cmm_mac_goods .cmm_con_goods3 {background: url('//pic.mairuan.com/WebSource/cleanmymac/web/images/cmm_goods_three.png') no-repeat center center;height: 641px;} .cmm_mac_goods .cmm_con_goods3 .content {width: 1200px;margin: 0 auto;} .cmm_mac_goods .cmm_con_goods3 .content .v_title {text-align: left;color: #dadde1;font-size: 36px;font-weight: bold;padding-top: 58px;padding-left: 60px;font-family: 'bestFont regular';} .cmm_mac_goods .cmm_con_goods3 .content .title {text-align: left;font-size: 48px;font-weight: bold;padding-top: 0px;padding-left: 60px;font-family: 'bestFont medium';} .cmm_mac_goods .cmm_con_goods3 .content .con_title {text-align: left;font-size: 24px;font-weight: bold;padding-top: 45px;padding-left: 60px;} .cmm_mac_goods .cmm_con_goods3 .content .con_content {width: 50%;line-height: 28spx;text-align: left;font-size: 18px;padding-top: 5px;padding-left: 60px;font-family: 'bestFont regular';} .cmm_mac_goods .cmm_con_goods3 .content .price {padding-top: 42px;text-align: left;} .cmm_mac_goods .cmm_con_goods3 .content .price .s1 {font-size: 24px;padding-top: 50px;padding-left: 60px;font-family: 'bestFont medium';} .cmm_mac_goods .cmm_con_goods3 .content .price .s2 {color: red;font-size: 24px;font-family: 'bestFont medium';} .cmm_mac_goods .cmm_con_goods3 .content .price .s3 {color: red;font-size: 48px;font-family: 'bestFont medium';} .cmm_mac_goods .cmm_con_goods3 .content .price del {font-size: 18px;color: #bbbbbb;font-family: 'bestFont regular';} .cmm_mac_goods .cmm_con_goods3 .content .goumai {text-align: left;padding-left: 60px;padding-top: 10px;} .cmm_mac_goods .cmm_con_goods3 .content .goumai a {display: inline-block;cursor: pointer;width: 200px;height: 55px;line-height: 55px;margin: 0 auto;text-align: center;color: white;background-image: linear-gradient(to right, #ff6522, #f4401d);font-size: 20px;border-radius: 50px;padding-left: 15px;position: relative;font-family: 'bestFont regular';} .cmm_mac_goods .cmm_con_goods3 .content .goumai a::before {content: '';width: 54px;height: 59px;background: url('//pic.mairuan.com/WebSource/cleanmymac/web/images/cmm_tag1.png') no-repeat center center;position: absolute;top: -2px;left: 22px;} .cmm_mac_goods .layui-collapse {border: none;text-align: left;padding-left: 30px;padding-top: 40px;width: 1200px;} .cmm_mac_goods .layui-collapse .layui-colla-item {border: none;position: relative;} .cmm_mac_goods .layui-collapse .layui-colla-item .layui-colla-title {display: inline-block;height: auto;line-height: 1;color: #bbbbbb;background-color: transparent;margin-top: 10px;} .cmm_mac_goods .layui-collapse .layui-colla-item .layui-colla-title i {display: none;} .cmm_mac_goods .layui-collapse .layui-colla-item .layui-colla-title span {display: inline-block;width: 14px;height: 14px;line-height: 14px;text-align: center;color: white;background-color: #ccc;border-radius: 50%;font-size: 12px;} .cmm_mac_goods .layui-collapse .layui-colla-item .layui-colla-content {text-align: left;border: none;color: white;color: #333;background-color: rgba(0, 0, 0, 0.8);background-color: white;border-radius: 4px;box-shadow: 0 0 16px 6px rgba(0, 0, 0, 0.1);position: absolute;top: 40px;left: 0;z-index: 1;left: 16%;transform: translateX(-28%);} .cmm_mac_goods .layui-collapse .layui-colla-item .layui-colla-content::after {content: '';position: absolute;left: 6%;top: -6px;width: 0;height: 0px;border-style: solid;border-width: 6px;border-color: #fff #fff transparent transparent;transform: rotate(-45deg);box-shadow: 4px -4px 4px rgba(0, 0, 0, 0.11);} .cmm_mac_goods .layui-collapse .layui-colla-item .layui-colla-content li {display: flex;margin-bottom: 5px;} .cmm_mac_goods .layui-collapse .layui-colla-item .layui-colla-content li label {width: 70px;} .cmm_mac_goods .layui-collapse .layui-colla-item .layui-colla-content li span {width: calc(100% - 70px);} .cmm_hot_goods {width: 100%;max-width: 1920px;min-width: 1200px;margin: 120px auto;text-align: center;} .cmm_hot_goods .goods_title {text-align: center;font-size: 88px;font-weight: bold;font-family: 'bestFont medium';} .cmm_hot_goods .content {width: 1200px;display: flex;flex-wrap: wrap;justify-content: space-between;text-align: center;margin: 0 auto;} .cmm_hot_goods .content .con {margin-top: 40px;display: inline-block;width: 48.5%;height: 430px;background-color: #f2f8fd;border-radius: 20px;} .cmm_hot_goods .content .con .title {position: relative;} .cmm_hot_goods .content .con .title img {width: 100px;text-align: left;position: absolute;top: 50px;left: 35px;} .cmm_hot_goods .content .con .title .v_title {text-align: left;color: #dadde1;font-size: 26px;font-weight: bold;padding-top: 45px;padding-left: 160px;position: relative;font-family: 'bestFont regular';} .cmm_hot_goods .content .con .title .v_desc {text-align: left;color: #000;font-size: 32px;font-weight: bold;padding-top: 5px;padding-left: 160px;font-family: 'bestFont regular';} .cmm_hot_goods .content .con .desc {padding-top: 60px;height: 140px;} .cmm_hot_goods .content .con .desc .s1 {font-size: 15px;color: #000;font-weight: bold;font-family: 'bestFont regular';} .cmm_hot_goods .content .con .desc .s2 {text-align: left;display: inline-block;font-size: 15px;color: #a0a0a0;line-height: 23px;padding-left: 10px;width: 520px;font-family: 'bestFont regular';} .cmm_hot_goods .content .con .desc a {color: #578ae6;} .cmm_hot_goods .content .con .price {padding-top: 40px;padding-left: 35px;text-align: left;position: relative;} .cmm_hot_goods .content .con .price del {position: absolute;top: 46px;left: 35px;color: #bbbbbb;} .cmm_hot_goods .content .con .price .s1 {font-size: 20px;font-weight: bold;font-family: 'bestFont regular';} .cmm_hot_goods .content .con .price .s3 {font-weight: normal;font-size: 42px;font-family: 'bestFont medium';} .cmm_hot_goods .content .con .price a {display: inline-block;cursor: pointer;width: 145px;height: 45px;line-height: 45px;margin: 0 auto;text-align: center;color: white;background-image: linear-gradient(to right, #ff6522, #f4401d);font-size: 18px;border-radius: 50px;padding-left: 20px;position: relative;font-family: 'bestFont regular';position: absolute;top: 50px;left: 210px;} .cmm_hot_goods .content .con .price a::before {content: '';width: 54px;height: 59px;background: url('//pic.mairuan.com/WebSource/cleanmymac/web/images/cmm_tag2.png') no-repeat center center;position: absolute;top: -6px;left: 10px;} .cmm_hot_goods .content .con2 {margin-top: 40px;display: inline-block;width: 31%;height: 515px;background-color: #f2f8fd;border-radius: 20px;} .cmm_hot_goods .content .con2 .title {position: relative;} .cmm_hot_goods .content .con2 .title img {width: 88px;text-align: left;position: absolute;top: 50px;left: 35px;} .cmm_hot_goods .content .con2 .title .v_title {text-align: left;color: #dadde1;font-size: 26px;font-weight: bold;padding-top: 45px;padding-left: 140px;position: relative;font-family: 'bestFont regular';} .cmm_hot_goods .content .con2 .title .v_desc {width: 345px;height: 100px;text-align: left;color: #000;font-size: 32px;line-height: 40px;font-weight: bold;padding-top: 0px;padding-left: 140px;font-family: 'bestFont regular';} .cmm_hot_goods .content .con2 .desc {height: 140px;padding-top: 10px;} .cmm_hot_goods .content .con2 .desc .s1 {font-size: 15px;color: #000;font-weight: bold;font-family: 'bestFont regular';} .cmm_hot_goods .content .con2 .desc .s2 {text-align: left;display: inline-block;font-size: 15px;color: #a0a0a0;line-height: 23px;padding-left: 10px;width: 330px;font-family: 'bestFont regular';} .cmm_hot_goods .content .con2 .desc a {color: #578ae6;} .cmm_hot_goods .content .con2 .price {padding-top: 10px;padding-left: 35px;text-align: left;position: relative;} .cmm_hot_goods .content .con2 .price del {position: absolute;top: 16px;left: 35px;color: #bbbbbb;} .cmm_hot_goods .content .con2 .price .s1 {font-size: 20px;font-weight: bold;font-family: 'bestFont regular';} .cmm_hot_goods .content .con2 .price .s3 {font-weight: normal;font-size: 42px;font-family: 'bestFont medium';} .cmm_hot_goods .content .con2 .cmm_goumai {text-align: left;position: relative;} .cmm_hot_goods .content .con2 .cmm_goumai a {display: inline-block;cursor: pointer;width: 145px;height: 45px;line-height: 45px;margin: 0 auto;text-align: center;color: white;background-image: linear-gradient(to right, #ff6522, #f4401d);font-size: 18px;border-radius: 50px;padding-left: 25px;position: relative;font-family: 'bestFont regular';position: absolute;top: 20px;left: 35px;} .cmm_hot_goods .content .con2 .cmm_goumai a::before {content: '';width: 54px;height: 59px;background: url('//pic.mairuan.com/WebSource/cleanmymac/web/images/cmm_tag2.png') no-repeat center center;position: absolute;top: -7px;left: 10px;} .cmm_hot_goods .con .layui-collapse {border: none;position: absolute;top: 65px;right: 25px;} .cmm_hot_goods .con .layui-collapse .layui-colla-item {border: none;position: relative;} .cmm_hot_goods .con .layui-collapse .layui-colla-item .layui-colla-title {display: inline-block;height: auto;line-height: 1;color: #bbbbbb;background-color: transparent;margin-top: 10px;} .cmm_hot_goods .con .layui-collapse .layui-colla-item .layui-colla-title i {display: none;} .cmm_hot_goods .con .layui-collapse .layui-colla-item .layui-colla-title span {display: inline-block;width: 14px;height: 14px;line-height: 14px;text-align: center;color: white;background-color: #ccc;border-radius: 50%;font-size: 12px;} .cmm_hot_goods .con .layui-collapse .layui-colla-item .layui-colla-content {width: 400px;text-align: left;border: none;font-size: 16px;font-weight: normal;background-color: rgba(0, 0, 0, 0.8);background-color: white;border-radius: 4px;box-shadow: 0 0 16px 6px rgba(0, 0, 0, 0.1);position: absolute;top: 40px;left: 0;z-index: 1;left: 20%;transform: translateX(-70%);} .cmm_hot_goods .con .layui-collapse .layui-colla-item .layui-colla-content::after {content: '';position: absolute;left: 80%;top: -6px;width: 0;height: 0px;border-style: solid;border-width: 6px;border-color: #fff #fff transparent transparent;transform: rotate(-45deg);box-shadow: 4px -4px 4px rgba(0, 0, 0, 0.11);} .cmm_hot_goods .con .layui-collapse .layui-colla-item .layui-colla-content li {display: flex;margin-bottom: 5px;} .cmm_hot_goods .con .layui-collapse .layui-colla-item .layui-colla-content li label {width: 70px;} .cmm_hot_goods .con .layui-collapse .layui-colla-item .layui-colla-content li span {width: calc(100% - 70px);} .cmm_hot_goods .con2 .layui-collapse {border: none;position: absolute;top: 30px;right: 25px;} .cmm_hot_goods .con2 .layui-collapse .layui-colla-item {border: none;position: relative;} .cmm_hot_goods .con2 .layui-collapse .layui-colla-item .layui-colla-title {display: inline-block;height: auto;line-height: 1;color: #bbbbbb;background-color: transparent;margin-top: 10px;} .cmm_hot_goods .con2 .layui-collapse .layui-colla-item .layui-colla-title i {display: none;} .cmm_hot_goods .con2 .layui-collapse .layui-colla-item .layui-colla-title span {display: inline-block;width: 14px;height: 14px;line-height: 14px;text-align: center;color: white;background-color: #ccc;border-radius: 50%;font-size: 12px;} .cmm_hot_goods .con2 .layui-collapse .layui-colla-item .layui-colla-content {width: 400px;text-align: left;border: none;font-size: 16px;font-weight: normal;background-color: rgba(0, 0, 0, 0.8);background-color: white;border-radius: 4px;box-shadow: 0 0 16px 6px rgba(0, 0, 0, 0.1);position: absolute;top: 40px;left: 0;z-index: 1;left: 20%;transform: translateX(-70%);} .cmm_hot_goods .con2 .layui-collapse .layui-colla-item .layui-colla-content::after {content: '';position: absolute;left: 80%;top: -6px;width: 0;height: 0px;border-style: solid;border-width: 6px;border-color: #fff #fff transparent transparent;transform: rotate(-45deg);box-shadow: 4px -4px 4px rgba(0, 0, 0, 0.11);} .cmm_hot_goods .con2 .layui-collapse .layui-colla-item .layui-colla-content li {display: flex;margin-bottom: 5px;} .cmm_hot_goods .con2 .layui-collapse .layui-colla-item .layui-colla-content li label {width: 70px;} .cmm_hot_goods .con2 .layui-collapse .layui-colla-item .layui-colla-content li span {width: calc(100% - 70px);} /* CMM 下载集合页 2020/12/28 end*/ /* 下载页 推荐模块 start */ .dl_about {width: 100%;max-width: 1920px;min-width: 1200px;margin: 0px auto;padding-top: 90px;} .dl_about .content {width: 1200px;margin: 0 auto;padding: 25px 0 45px;border: 1px solid #e8ebf3;border-radius: 4px;box-shadow: 0 14px 27px rgba(217, 221, 234, 0.2);} .dl_about .content .title {font-size: 24px;font-family: 'SourceHanSansSC-Bold, bestFont bold';padding-left: 80px;} .dl_about .content .main {display: flex;margin-top: 40px;} .dl_about .content .main .item {display: flex;flex: 1;padding-left: 85px;} .dl_about .content .main .item .left {width: 86px;} .dl_about .content .main .item .right {width: calc(100% - 86px);padding-left: 15px;border-right: 1px solid rgba(255, 255, 255, 0.06);} .dl_about .content .main .item .right .v_title {font-size: 24px;font-family: 'SourceHanSansSC-Bold, bestFont bold';margin-top: -6px;} .dl_about .content .main .item .right .v_desc {font-size: 16px;font-family: 'SourceHanSansSC-Regular, bestFont regular';color: #8d9bae;margin-top: -5px;} .dl_about .content .main .item .right .download {display: inline-block;width: 100px;height: 30px;line-height: 26px;text-align: center;color: #f7503a;border: 1px solid #f7503a;border-radius: 15px;font-size: 16px;font-family: 'SourceHanSansSC-Regular, bestFont regular';box-sizing: border-box;margin-top: 15px;} .dl_about .content .main .item:last-child .right {border-right: none;} /* 下载页 推荐模块 end */ .bg-f8 .m_w400r{ width:255px; } /* ----------------2022页面改版---start---------------- */ /* 底部tab */ .foot22_box{ display: none; } @media screen and (max-width: 767px){ .foot22_box{ display: block; width: 100%; height: 70px; padding-top: 14px; background: linear-gradient(99.85deg, #362546 4.65%, #4D325B 78.75%, #694466 115.8%); position: fixed; bottom: 0; z-index: 10; } .foot22_box .list{ } .foot22_box .list .item{ float: left; width: 25%;text-align: center; } .foot22_box .list .item img{ width: 20px; } .foot22_box .list .item .name{ font-size: 14px; line-height: 26px; color: #FFFFFF; display: block; } } /* index */ .index22_box1{ width: 100%; height: 640px; max-width: 1920px; min-width: 1200px; margin: 0 auto; text-align: center; background: url("https://pic.mairuan.com/WebSource/cleanmymac/web/images/220712/p1.png") center center no-repeat; color: #000; padding-top: 173px; } .index22_box1 .desc{ font-size: 28px; line-height: 42px; } .index22_box1 .name{ font-weight: 700; font-size: 70px; line-height: 100px; margin: 10px 0 50px 0; } .index22_box1 .name br{ display: none; } .index22_box1 .button{ display: inline-block; width: 200px; line-height: 52px; background: #FF4A3F; border-radius: 8px; font-size: 18px; color: #fff; } .index22_box2 { margin: 130px 0; } .index22_box2 .title,.index22_box3 .title,.index22_box4 .title{ font-weight: 700; font-size: 48px; line-height: 84px; text-align: center; } .index22_box2 .desc,.index22_box3 .desc{ font-size: 16px; line-height: 24px; color: #666666; text-align: center; margin: 10px 0; } .index22_box2 .desc .more { color: #FF4A3F; } .index22_box2 .info { } .index22_box2 .info .video { width: 1087px; height: 680px; margin: 0 auto; margin-top: 30px; position: relative; } .index22_box2 .info .video #idx22_video{ width: 1087px; height: 680px; border-radius: 20px; box-shadow: 0px 27px 50px -20px #d5dce6; } .index22_box2 .info .video .player{ display: inline-block; width: 80px; height: 80px; text-align: center; padding-left: 6px; background-color: #00000080; border-radius: 50%; margin: 0 0 0 -44px; position: absolute; left: 50%; top: calc(50% - 43px); z-index: 1; cursor: pointer; } .index22_box2 .info .video .player i { display: inline-block; margin-top: 26px; border-style: solid; border-radius: 1px; border-width: 14px 0 14px 19px; border-color: transparent transparent transparent #fff; } .index22_box2 .info .bottom { width: 1087px; margin: 0 auto; height: 183px; background: linear-gradient(128.89deg, #FDE9ED 9.78%, #F8F4FB 50.19%, #F4F4FF 95.26%); border-radius: 0px 0px 20px 20px; padding-top: 40px; margin-top: -10px; } .index22_box2 .info .bottom .li{ float: left; width: 33.33%; text-align: center; } .index22_box2 .info .bottom img{ margin-bottom: 20px; } .index22_box2 .info .bottom .name{ font-size: 18px; line-height: 27px; } .index22_box2 .tab{ width: 1200px; margin: 0 auto; height: 80px; margin-top: 50px; margin-bottom: 30px; } .index22_box2 .tab .item{ width: 33.33%; float: left; font-size: 26px; line-height: 39px; text-align: center; } .index22_box2 .tab .item img{ width: 76px; height: 75px; } .index22_box3{ width: 1200px; margin: 0 auto; position: relative; } .index22_box3 .swiper{ width: 1120px; margin: 0 auto; overflow: hidden; position: relative; margin-top: 70px; margin-bottom: 100px; } .index22_box3 .swiper .list{ width:100%; height: 450px; } .index22_box3 .swiper .list .item{ width: 1120px; } .index22_box3 .swiper .list .item1{ background: url("https://pic.mairuan.com/WebSource/cleanmymac/web/images/220712/p3.png") center center no-repeat; } .index22_box3 .swiper .list .item2{ background: url("https://pic.mairuan.com/WebSource/cleanmymac/web/images/220712/p4.png") center center no-repeat; } .index22_box3 .swiper .list .item3{ background: url("https://pic.mairuan.com/WebSource/cleanmymac/web/images/220712/p5.png") center center no-repeat; } .index22_box3 .swiper .tip{ text-align: center; line-height: 30px; color: #7D7D7D; margin: 30px 0 30px 0; } .index22_box3 .swiper22-button-next { cursor: pointer; background-image: url("https://pic.mairuan.com/mairuan/sgenglish/ico44.png"); width: 50px; height: 50px; background-size: 100%; position: absolute; right: -62px; border: 0; top: 50%; } .index22_box3 .swiper22-button-prev { cursor: pointer; background-image: url(https://pic.mairuan.com/mairuan/sgenglish/ico43.png); left: -62px; width: 50px; height: 50px; background-size: 100%; position: absolute; border: 0; top: 50%; } .index22_box3 .swiper22-button-next:hover { background-image: url("https://pic.mairuan.com/mairuan/sgenglish/ico442.png"); background-size: 100%; } .index22_box3 .swiper22-button-prev:hover { background-image: url(https://pic.mairuan.com/mairuan/sgenglish/ico432.png); background-size: 100%; } .swiper-button-prev, .swiper-button-next:focus,.swiper22-button-prev, .swiper22-button-next:focus{ outline:none; } .index22_box4{ } .index22_box4 .str_wrap{ background: #fff; } .index22_box4 .title{ } .index22_box4 .list{ width: 100%; max-width: 1920px; min-width: 1200px; margin: 0 auto; } .index22_box4 .list .item{ /*float: left;*/ height: 215px; margin: 0 20px; } .index22_box4 .list .item img{ } .index22_box4 .list .item .name{ font-size: 18px; line-height: 27px; margin-top: 10px; text-align: center; } .mdowebok1{ display: none; } .index22_box5{ width: 1200px; height: 464px; margin: 0 auto; background: url("https://pic.mairuan.com/WebSource/cleanmymac/web/images/220712/p12.png") center center no-repeat; padding: 66px 88px; margin-top: 130px; margin-bottom: 130px; } .index22_box5 .content{ } .index22_box5 .content .title{ font-weight: 700; font-size: 26px; line-height: 39px; color: #FFFFFF; } .index22_box5 .content .desc{ font-size: 16px; line-height: 24px; color: rgb(255 255 255 / 70%); margin: 20px 0 40px 0; } .index22_box5 .content .list{ width: 70%;float: left;color: #fff; } .index22_box5 .content .list .item{ width: 50%;float: left;margin-bottom: 20px; } .index22_box5 .content .list .item img{ margin-right: 15px; } .index22_box5 .content .button{ clear: both; display: inline-block; margin-top: 37px; text-align: center; font-size: 18px; } .index22_box5 .content .button .buy22{ width: 200px; display: inline-block; line-height: 52px; background: #FF4A3F; border-radius: 8px; color: #fff; margin-right: 30px; } .index22_box5 .content .button .download{ width: 200px; display: inline-block; line-height: 52px; border-radius: 8px; border: 2px solid #ffffff4d; color: #fff; } /* 下载页 */ .down22_box1{} .down22_box1 .top{ text-align: center; background:#f6edf9; line-height: 50px; } .down22_box1 .top .desc{} .down22_box1 .top .desc span{ color: #2287F9; cursor: pointer; } .down22_box1 .content{ height: 450px; background: linear-gradient(318.18deg, #FDE9EDb3 5.14%, #F4F4FFb3 71.19%); padding-top: 60px; text-align: center; } .down22_box1 .content .logos{ } .down22_box1 .content .title{ font-weight: 700; font-size: 48px; line-height: 59px; text-align: center; margin: 36px 0 50px 0; } .down22_box1 .content .list{ width: 1200px; height: 45px; margin: 0 auto; background: #ffffff80; border-radius: 8px; padding: 0 40px; } .down22_box1 .content .list .item{ float: left;margin: 0 18px; } .down22_box1 .content .list .item1{ width: 34%; } .down22_box1 .content .list .item2{ width: 27%; } .down22_box1 .content .list .item3{ width: 13%; } .down22_box1 .content .list .item4{ width: 13%; } .down22_box1 .content .list .item img{ margin-right: 10px;margin-top: 15px; width: 15px;float: left; } .down22_box1 .content .list .item .name{ font-size: 14px; line-height: 45px; color: #000000; } .down22_box1 .content .list .item .name .desc{ font-size: 12px; line-height: 18px; color: #666666; margin-left: 10px; } .down22_box1 .content .title1,.down22_box1 .content .button{ display: none; } .down22_box2{ width: 1200px; height: 340px; margin: 0 auto; margin-top: 120px; margin-bottom: 120px; } .down22_box2 .item{ width: 380px; height: 330px; background: linear-gradient(124.08deg, #F3F9FF -3.52%, #FFFAFD 100%); border-radius: 20px; float: left; margin-right: 30px; padding: 30px; } .down22_box2 .item:last-child{ margin-right: unset; } .down22_box2 .item img{ } .down22_box2 .item .name{ font-weight: 700; font-size: 26px; line-height: 32px; text-align: center; color: #000000; margin: 10px 0 10px 0; } .down22_box2 .item .desc{ font-size: 16px; line-height: 24px; text-align: center; color: #666666; } .down22_box3{ padding-top: 55px; height: 730px; background: linear-gradient(0deg, #fde9ed80 0%, #F4F4FF80 97.83%); } .down22_box3 .title{ font-weight: 700; font-size: 48px; line-height: 72px; text-align: center; color: #000000; } .down22_box3 .list{ width: 1200px; margin: 0 auto; margin-top: 70px; } .down22_box3 .list .item{ width: 33.33%; float: left; margin-bottom: 74px; } .down22_box3 .list .item:nth-child(3n-1),.down22_box3 .list .item:nth-child(3n){ padding-left: 50px; } .down22_box3 .list .item img{ float: left; } .down22_box3 .list .item .right{ margin-left: 25px; float: left; } .down22_box3 .list .item .right .name{ font-weight: 700; font-size: 24px; line-height: 36px; color: #000000; } .down22_box3 .list .item .right .desc{ font-size: 16px; line-height: 35px; color: #666666; } .down22_box3 .list .item .right .todownload{ font-size: 16px; line-height: 30px; color: #FF4A3F; } .down22_box3 .list .item .right .todownload img{ margin-left: 5px; float: none; } .down22_box4{ width: 1200px; height: 860px; margin: 0 auto; margin-top: 130px; margin-bottom: 130px; } .down22_box4 .title{ font-weight: 700; font-size: 48px; line-height: 59px; text-align: center; } .down22_box4 .desc{ font-size: 16px; line-height: 24px; text-align: center; color: #666666; margin: 20px 0 50px 0; } .down22_box4 .list{ } .down22_box4 .list a{ color: #000; } .down22_box4 .list .item{ float: left; width: 33.33%; height: 224px; padding: 40px; text-align: center; } .down22_box4 .list .item:hover{ box-shadow: 0px 0px 40px rgba(212, 217, 232, 0.4); border-radius: 16px; } .down22_box4 .list .item img{ height: 100px; margin-bottom: 15px; } .down22_box4 .list .item .name{ font-size: 24px; line-height: 36px; } .down22_box5{ width: 1200px; height: 358px; margin: 0 auto; background: url("https://pic.mairuan.com/WebSource/cleanmymac/web/images/220712/p18.png"); padding: 60px 0 0 115px; } .down22_box5 .content{ } .down22_box5 .content .name{ font-weight: 700; font-size: 48px; line-height: 59px; color: #FFFFFF; } .down22_box5 .content .desc{ font-size: 32px; line-height: 48px; color: #FFFFFF; margin: 20px 0 70px 0; } .down22_box5 .content .button{ } .down22_box5 .content .button .buy22{ width: 200px; line-height: 52px;display: inline-block; background: #FF4A3F; border-radius: 8px;color: #fff;text-align: center; margin-right: 20px; } .down22_box5 .content .button .download22{ width: 200px; display: inline-block; line-height: 52px; border: 2px solid rgba(255, 255, 255, 0.3); border-radius: 8px;color: #fff; text-align: center; } .down22_box6{ width: 1200px; height: 94px; margin: 0 auto; margin-top: 150px; margin-bottom: 150px; } .down22_box6 .item{ position: relative; width: 43%; border: 2px solid #EDEFF4; border-radius: 16px; padding: 26px; float: left; display: flex; align-items: center; } .down22_box6 .item:first-child{ margin-right: 4%; } .down22_box6 .item .ico{ float: left; margin-right: 20px; } .down22_box6 .item .name{ font-weight: 700; font-size: 24px; line-height: 36px; color: #222222; } .down22_box6 .item .ico2{ position: absolute; right: 26px; } /* 产品页 */ .product22_box1{ width: 100%; height: 100px; max-width: 1920px; min-width: 1200px; margin: 0 auto; box-shadow: 0px 8px 10px rgba(150, 133, 171, 0.05); } .product22_box1 .list{ width: 1200px; margin: 0 auto; } .product22_box1 .list1{ display: none; } .product22_box1 .list .item{ width: 11%; float: left; text-align: center; padding: 10px 0; } .product22_box1 .list .item:hover{ background: #F7F7FC; border-radius: 8px; } .product22_box1 .list .item img{ width: 55px; } .product22_box1 .list .item .name{ font-size: 14px; line-height: 21px; text-align: center; color: #666666; display: block; } .product22_box1 .list .item .name.active,.product22_box1 .list1 .item .name.active{ font-weight: bold; } .product22_box2{ padding-top: 84px; height: 500px; background: url("https://pic.mairuan.com/WebSource/cleanmymac/web/images/220712/p41.png") center center no-repeat; } .product22_box2 .content{ width: 1200px; margin: 0 auto; } .product22_box2 .content .title{ font-weight: 700; font-size: 40px; line-height: 60px; } .product22_box2 .content .desc{ font-size: 16px; line-height: 24px; color: #666666; margin: 20px 0 50px 0; width: 51%; } .product22_box2 .content .button{ } .product22_box2 .content .button .buy22,.prodateil22_box1 .left .button .buy22{ width: 200px; font-size: 18px; line-height: 52px; text-align: center; letter-spacing: -0.015em; color: #FFF; background: #FF4A3F; border-radius: 8px; display: block; float: left; margin-right: 30px; } .product22_box2 .content .button .download22,.prodateil22_box1 .left .button .download{ width: 200px; font-size: 18px; line-height: 48px; text-align: center; letter-spacing: -0.015em; color: #000; border-radius: 8px; float: left; display: block; border: 2px solid #000000; } .product22_box3{ width: 1200px; margin: 0 auto; margin-top: 50px; margin-bottom: 80px; } .product22_box3 .title{ font-weight: 700; font-size: 48px; line-height: 84px;text-align: center; } .product22_box3 .title br{ display: none; } .product22_box3 .desc{ font-size: 16px; line-height: 24px; text-align: center; color: #666666; margin: 20px 0 50px 0; } .product22_box3 .content{ height: 498px; } .product22_box3 .content img{ float: left; position: relative; z-index: 1; } .product22_box3 .content .list{ background: linear-gradient(128.89deg, #F4F4FF 9.78%, #F8F4FB 50.19%, #FDE9ED 95.26%); border-radius: 20px; height: 486px; margin-left: 23px; position: relative; } .product22_box3 .content .list ul{ width: 290px; position: absolute; right: 30px; top: 30px; } .product22_box3 .content .list .item{ border-bottom: 2px solid #E6E6E6; height: 140px; display: flex; align-items: center; } .product22_box3 .content .list .item:last-child{ border-bottom:unset; } .product22_box3 .content .list .item img{ margin-right: 40px; } .product22_box3 .content .list .item .name{ font-size: 18px; line-height: 27px; } .product22_box3 .card{ margin-top: 100px; height: 300px; } .product22_box3 .card .item{ padding: 60px; border: 2px solid #EDEFF4; border-radius: 20px; float: left; width: 48%; } .product22_box3 .card .item:first-child{ margin-right: 4%; } .product22_box3 .card .item .top{ } .product22_box3 .card .item .top img{ margin-right: 20px; float: left; } .product22_box3 .card .item .top .name{ font-weight: 700; font-size: 26px; line-height: 39px; } .product22_box3 .card .item .desc{ height: 100px; margin: 30px 0 0 0; font-weight: 400; font-size: 15px; line-height: 24px; color: #666666; text-align: left; } .product22_box4{ width: 100%; max-width: 1920px; min-width: 1200px; height: 622px; margin: 0 auto; background: url("https://pic.mairuan.com/WebSource/cleanmymac/web/images/220712/p19.png") center center no-repeat; } .product22_box4 .daw_f4_content { display: flex; flex-flow: row nowrap; flex: none; width: 1200px; height: 650px; margin: 0 auto; } .product22_box4 .daw_f4_left { display: flex; flex-flow: column nowrap; justify-content: flex-start; align-items: flex-start; flex: none; width: 470px; margin-top: 100px; margin-left: 0; } .daw_f4_left .f4_left_item { display: flex; flex-flow: column nowrap; flex: none; width: 100%; border-bottom: 1px solid rgba(238, 238, 238, .4); } .f4_left_item .f4_left_item_title { display: flex; flex-flow: row nowrap; justify-content: space-between; flex: none; width: 100%; } .f4_left_item_title h4 { cursor: pointer; flex: none; margin-top: 16px; margin-bottom: 16px; font-size: 24px; line-height: 36px; font-weight: normal; color: #FFF; } .f4_left_item.active h4 { font-weight: bold; color: #fff; } .f4_left_item_title .daw_f4_icon { cursor: pointer; flex: none; align-self: center; width: 20px; height: 20px; background: url(https://pic.mairuan.com/WebSource/cleanmymac/web/images/220712/ico25.png) no-repeat center center; background-size: cover; } .f4_left_item.active .daw_f4_icon { background: url(https://pic.mairuan.com/WebSource/cleanmymac/web/images/220712/ico26.png) no-repeat center center; } .f4_left_item:hover .daw_f4_icon { transform: rotateZ(180deg); -webkit-transform: rotateZ(180deg); } .f4_left_item>p { display: none; flex: none; margin-bottom: 22px; font-size: 16px; line-height: 25px; text-align: justify; color: #fff; } .f4_left_item.active>p { display: block; } .f4_left_item.hide .daw_f4_icon { transform: rotate(180deg); } .f4_left_item.hide>p { display: none; } .product22_box4 .daw_f4_right { display: flex; flex-flow: row nowrap; align-items: center; flex: none; width: 639px; height: 100%; margin-left: 93px; } .daw_f4_right img { width: 639px; display: none; } .daw_f4_right img.active { display: block; } .product22_box5{ width: 100%; height: 725px; max-width: 1920px; min-width: 1200px; margin: 0 auto; margin-top: 130px; margin-bottom: 130px; background: linear-gradient(0deg, #F4F4FF 0%, rgba(253, 233, 237, 0) 97.83%); } .product22_box5 .title{ font-weight: 700; font-size: 48px; line-height: 84px; text-align: center; } .product22_box5 .title br{ display: none; } .product22_box5 .desc{ font-size: 16px; line-height: 24px; text-align: center; color: #666666; margin-top: 10px; margin-bottom: 60px; } .product22_box5 .list{ width: 1200px; margin: 0 auto; } .product22_box5 .list .item{ width: 48%; height: 200px; float: left; padding: 56px 0 0 53px; border-radius: 20px; margin-bottom: 30px; } .product22_box5 .list .item:nth-child(1){ background: linear-gradient(99.14deg, #F7EEFF -14.49%, #F2F2FF 42.76%, #FCFCFF 100%); } .product22_box5 .list .item:nth-child(2){ background: linear-gradient(89.67deg, #FFF2F8 0.25%, #F3F1FF 99.68%); } .product22_box5 .list .item:nth-child(3){ background: linear-gradient(97.41deg, rgba(193, 226, 255, 0.1) 2.48%, rgba(6, 210, 255, 0.1) 103.7%); } .product22_box5 .list .item:nth-child(4){ background: linear-gradient(99.15deg, #E6F9FF 1.37%, #FAFAFF 45.43%, #FDFDFF 97.49%); } .product22_box5 .list .item:nth-child(2n-1){ margin-right: 3%; } .product22_box5 .list .item .pic{ margin-right: 30px;float: left; } .product22_box5 .list .item .right{ float: left; width: 70%; } .product22_box5 .list .item .right .name{ font-weight: 700; font-size: 26px; line-height: 39px; margin-bottom: 10px; } .product22_box5 .list .item .right .info{ font-size: 16px; line-height: 24px; color: #666666; } .product22_box6{ width: 1200px; height: 464px; margin: 0 auto; background: url("https://pic.mairuan.com/WebSource/cleanmymac/web/images/220712/p37.png") center center no-repeat; padding: 66px 88px; margin-top: 130px; margin-bottom: 130px; position: relative; } .product22_box6 .content{ position: absolute; top: 62px; left: 34%; } .product22_box6 .content .title{ font-weight: 700; font-size: 26px; line-height: 39px; color: #000; } .product22_box6 .content .desc{ font-size: 16px; line-height: 24px; color: #000; margin: 20px 0 40px 0; } .product22_box6 .content .list{ width: 70%;float: left;color: #000; } .product22_box6 .content .list .item{ width: 50%;float: left;margin-bottom: 20px; } .product22_box6 .content .list .item img{ margin-right: 15px;filter: brightness(0); } .product22_box6 .content .button{ clear: both; display: inline-block; margin-top: 37px; text-align: center; font-size: 18px; } .product22_box6 .content .button .buy22{ width: 200px; display: inline-block; line-height: 52px; background: #FF4A3F; border-radius: 8px; color: #fff; margin-right: 30px; } .product22_box6 .content .button .download{ width: 200px; display: inline-block; line-height: 52px; border-radius: 8px; border: 2px solid #0000004d; color: #000; } .prodateil22_box1{ padding-top: 70px; height: 500px; background: url(https://pic.mairuan.com/WebSource/cleanmymac/web/images/220712/p40.png) center center no-repeat; position: relative; } .prodateil22_box1 .content{ width: 1200px; margin: 0 auto; } .prodateil22_box1 .left{ float: left; width: 50%; } .prodateil22_box1 .left .title{ font-weight: 700; font-size: 40px; line-height: 59px; margin-bottom: 88px; } .prodateil22_box1 .right{ float: left; width: 50%; } .prodateil22_box2{ width: 1200px; height: 300px; margin: 0 auto; padding: 50px 100px; background: linear-gradient(128.89deg, #FDE9ED 9.78%, #F8F4FB 50.19%, #F4F4FF 95.26%); border-radius: 20px; margin-top: 120px; margin-bottom: 120px; } .prodateil22_box2 .left{ float: left; width: 20%; margin-right: 80px; } .prodateil22_box2 .right{ float: left; width: 70%; } .prodateil22_box2 .right .name{ font-weight: 700; font-size: 24px; line-height: 36px; color: #000000; margin-top: 25px; margin-bottom: 50px; } .prodateil22_box2 .right .desc{ font-size: 16px; line-height: 24px; color: #666666; } .prodateil22_box3{ width: 100%; height: 510px; max-width: 1920px; min-width: 1200px; margin: 0 auto; background: linear-gradient(0deg, #F4F4FF 0%, rgba(253, 233, 237, 0) 97.83%); } .prodateil22_box3 .content{ width: 1200px; margin: 0 auto; } .prodateil22_box3 .content .item{ width: 30%; float: left; margin: 0 1.5%; margin-bottom: 75px; } .prodateil22_box3 .content .item .top{ width: 100%; height: 52px; } .prodateil22_box3 .content .item .top img{ margin-right: 20px; float: left; } .prodateil22_box3 .content .item .top .name{ font-weight: 700; font-size: 20px; line-height: 30px; margin-top: 8px; float: left; } .prodateil22_box3 .content .item .desc{ height: 96px; margin-top: 20px; font-size: 16px; line-height: 24px; color: #666666; } .prodateil22_box1 .content .left .desc{width: 88%;font-size: 16px;line-height: 24px;color: #666666;margin-bottom:88px;} .prodateil22_box4{ width: 1200px; height: 300px; margin: 0 auto; padding: 38px 100px; background: linear-gradient(128.89deg, #FDE9ED 9.78%, #F8F4FB 50.19%, #F4F4FF 95.26%); border-radius: 20px; margin-top: 120px; margin-bottom: 120px; } .prodateil22_box4 .left{ float: left; width: 38%; margin-left: 80px; } .prodateil22_box4 .right{ float: left; width: 54%; } .prodateil22_box4 .right .name{ font-weight: 700; font-size: 24px; line-height: 36px; color: #000000; margin-top: 25px; margin-bottom: 50px; } .prodateil22_box4 .right .desc{ font-size: 16px; line-height: 24px; color: #666666; } .prodateil22_box4 .right .list{ width: 50%; margin-left: 20px; margin-top: 20px; } .prodateil22_box4 .right .list .item{ width: 50%; font-size: 16px; line-height: 24px; color: #666666; float: left; list-style-type: disc; } .down22_box4 .list .item a{ color: #000; } .product22_box4 .daw_f4_content .daw_f4_left .f4_left_item .diso img{ width: 0; } @media screen and (max-width: 767px){ .index22_box1{ min-width: 100%; height: 590px; } .index22_box2 .tab,.index22_box2 .info .video #idx22_video,.index22_box3 .swiper{ width: 100%; } .index22_box2 .info .video,.index22_box2 .info .bottom,.index22_box3,.index22_box5{ width: 100%; } .index22_box1{ background: url("https://pic.mairuan.com/WebSource/cleanmymac/web/images/220712/m_p1.png"); background-size: 100%; } .index22_box1 .name { font-size: 42px; line-height: 60px; margin-top: -200px; margin-bottom: 200px; } .index22_box1 .name br{ display: block; } .index22_box1 .button { width: 70%; } .index22_box1 .desc { font-size: 16px; margin-top: 60px; } .index22_box2 .title, .index22_box3 .title, .index22_box4 .title { font-size: 22px; } /* 7.21 */ .index22_box2 { margin: 0 auto; width: 90%; margin-top: 0px; } .index22_box2 .desc, .index22_box3 .desc { text-align: left; } .index22_box2 .desc .more { display: block; margin-top: 20px; } /* 7.21 */ .index22_box2 .tab .item { float: left; font-size: 15px; display: flex; } .index22_box2 .tab .item img { width: 44px; height: 44px; } .index22_box2 .info .video,.index22_box2 .info .video #idx22_video { height: 233px; } .index22_box2 .tab { height: 50px;margin-bottom: 0;margin-top: 30px; } .index22_box2 .info .video { margin-top: 10px; } .index22_box2 .info .bottom img { float: left;width: 21px;margin-right: 11px; } .index22_box2 .info .bottom .li { width: 100%;text-align: left; } .index22_box2 .info .bottom { padding-top: 38px;padding-left: 21px; min-height: 195px; } .index22_box2 .info .bottom .name br{ display: none; } .index22_box2 .info .bottom .name { font-size: 16px; line-height: 22px; } .index22_box3{ width: 90%; margin: 0 auto; margin-top: 50px; } .index22_box3 .swiper .list{ height: 400px; } .index22_box3 .title{ width: 75vw; line-height: 32px; margin: 0 auto; } .index22_box3 .swiper .list .item1{ background: url("https://pic.mairuan.com/WebSource/cleanmymac/web/images/220712/m_p3.png") no-repeat; background-size: 100% } .index22_box3 .swiper .list .item2{ background: url("https://pic.mairuan.com/WebSource/cleanmymac/web/images/220712/m_p4.png") no-repeat; background-size: 100% } .index22_box3 .swiper .list .item3{ background: url("https://pic.mairuan.com/WebSource/cleanmymac/web/images/220712/m_p5.png") no-repeat; background-size: 100% } .index22_box3 .swiper22-button-next { right: -20px;z-index: 1; } .index22_box3 .swiper22-button-prev { left: -20px;z-index: 1; } .index22_box3 .swiper { margin-top: 30px;margin-bottom: 0px; } .index22_box3 .swiper .tip { margin: 0; } .index22_box4 .title span{ display: none; } .index22_box4 .dowebok1{ display: none; } .index22_box4 .mdowebok1{ display: block;height: auto; } .index22_box4 .mdowebok1>ul>li{ display: flex; justify-content: center; } .index22_box4 .mdowebok1>ul>li>img{ width: 90vw; } .index22_box5 { margin-top: 50px; height: 380px; background: url(https://pic.mairuan.com/WebSource/cleanmymac/web/images/220712/m_p12.png) 0 center no-repeat; background-size: 100% 100%; padding: 30px 38px; margin-bottom: 35px; } .index22_box5 .content .title { font-size: 15px; line-height: 26px; } .index22_box5 .content .title:before{ content: ""; background: url(https://pic.mairuan.com/WebSource/cleanmymac/web/images/220712/ico57.png); display: block; width: 40px; height: 30px; background-size: 40px 30px; float: left; margin-right: 20px; } .index22_box5 .content .list .item { width: 82vw; margin-bottom: 6px; line-height: 26px; } .index22_box5 .content .desc { margin: 10px 0 16px 0; } .index22_box5 .content .button .buy22 { width: 160px; line-height: 40px; border-radius: 6px; float: left; margin-right: 10px; } .index22_box5 .content .button .download { width: 160px; line-height: 40px; border-radius: 6px; } .index22_box5 .content .button { margin-top: 22px; display: flex; justify-content: center; } /* 下载页 */ .down22_box2,.down22_box4,.down22_box5,.down22_box6,.down22_box3 .list{ width: 100%; } .down22_box1 .top,.down22_box1 .content .list,.down22_box1 .content .title{ display: none; } .down22_box1 .content .title1{ display: block; font-weight: 700; font-size: 30px; line-height: 44px; text-align: center; margin: 36px 0 50px 0; } .down22_box1 .content .button{ display: block; width: 70%; line-height: 55px; margin: 0 auto; background: #FF4A3F; font-size: 18px; border-radius: 8px; color: #fff; } .down22_box2 .item { width: 90%; margin-left: 5%; float: unset; margin-right: 0;margin-bottom: 30px; } .down22_box2 { height: 1050px; margin-bottom: 50px; } .down22_box3 .title{ font-size: 20px; } .down22_box4 .title { font-size: 19px; } .down22_box3 .list .item { width: 80%; height: 86px; margin: 0 auto; float: unset; margin-bottom: 35px; } .down22_box3 .list .item:nth-child(3n-1), .down22_box3 .list .item:nth-child(3n){ padding-left:unset; } .down22_box3 { height: 1250px; } .down22_box3 .list { margin-top: 20px; } .down22_box3 .list .item img { width: 60px; } .down22_box3 .list .item .right .name { font-size: 18px; } .down22_box3 .list .item .right .desc { line-height: 20px; } .down22_box3 .list .item .right .todownload img { width: 24px; } .down22_box4 .desc { text-align: left; margin: 20px 0 33px 0; } .down22_box4 .desc br{ display: none; } .down22_box4{ width: 90%; height: 580px; margin-top: 56px; margin-bottom: 20px; } .down22_box4 .list .item img { width: 60px; height: 60px; margin-bottom: 0; } .down22_box4 .list .item .name { font-size: 15px; } .down22_box4 .list .item { height: 130px; padding: 0; } .down22_box5 { width: 90%; height: 210px; background: url(https://pic.mairuan.com/WebSource/cleanmymac/web/images/220712/m_p18.png); background-size: 100% 100%; padding: 60px 0 0 0; } .down22_box5 .content .name { font-size: 20px; line-height: 40px; text-align: center; } .down22_box5 .content .desc { font-size: 13px; line-height: 20px; margin: 0px 0 10px 0; text-align: center; } .down22_box5 .content .button .buy22,.down22_box5 .content .button .download22 { width: 120px; float: left; line-height: 36px; } .down22_box5 .content .button .download22 { line-height: 32px; } .down22_box5 .content .button { display: flex; align-items: center; justify-content: center; } .down22_box6{ display: none; } /* 产品页 */ .product22_box1 .list{ display: none; } .product22_box1 .list1{ display: block; overflow: hidden; padding-top: 8px; padding-left: 22px; padding-right: 22px; } .product22_box1 .list1 .item { width: 25%; float: left; text-align: center; margin: 0 2px; } .product22_box1 .list1 .item img { width: 55px; } .product22_box1 .list1 .item .name { font-size: 14px; line-height: 21px; text-align: center; color: #666666; display: block; } .product22_box2 { background: url(https://pic.mairuan.com/WebSource/cleanmymac/web/images/220712/m_p40.png); background-size: 100%; background-repeat: no-repeat; padding-top: 130px; height: 470px; } .product22_box3 .card .item .top .name{ font-size: 19px; width: 78vw } .product22_box1{ min-width: 100%!important; } .product22_box5{ width: 100%; min-width: 90%!important; height: 1138px; margin-bottom: 50px; margin-top: 35px; } .product22_box4{ min-width: 100%!important; height: 810px; background: linear-gradient(99.85deg, #362546 4.65%, #4D325B 78.75%, #694466 115.8%); } .product22_box1 .list,.daw_f4_content,.daw_f4_right,.product22_box2 .content { width: 100%!important; } .product22_box5 .list,.product22_box6{ width: 90%; } .product22_box4 .daw_f4_right { display: none; margin-left: 0; height: 323px; } .product22_box4 .daw_f4_content .daw_f4_left .f4_left_item .diso img{ width: 89vw; } .product22_box4 .daw_f4_content { display: block;padding-top: 30px; } .product22_box2 .content .title { font-size: 27px; line-height: 40px; text-align: center; } .product22_box2 .content .desc { margin: 20px 0 20px 5%; width: 90%; } .product22_box2 .content .button { width: 80%; margin: 0 auto; } .product22_box2 .content .button .buy22,.product22_box2 .content .button .download22 { width: 100%; margin-bottom: 20px; } .product22_box3 .title { font-size: 20px; line-height: 35px; } .product22_box3 .title br{ display: block; } .product22_box3 .desc { text-align: left!important; height: 135px!important; } .product22_box3{ width: 90%; margin-top: 0; } .product22_box3 .content img,.daw_f4_right img{ width: 100%; } .product22_box3 .content .list .item img{ width: 20px;margin-right: 20px; } .product22_box3 .content .list .item { height: 44px;border-bottom: 0;display: flex; width: 82vw;align-items: self-start;justify-content: flex-start; } .product22_box3 .content .list { margin-left: 0; height: 375px; } .product22_box3 .content .list ul { top: 230px; width: 100%; right: -20px; } .product22_box3 .content .list .item .name { font-size: 16px; line-height: 22px; } .product22_box3 .content .list .item .name br{ display: none; } .product22_box3 .content { height: 380px; } .product22_box3 .card { margin-top: 50px;height: 500px } .product22_box3 .card .item { width: 100%; padding: 23px; margin-bottom: 20px; } .product22_box3 .card .item .top img{ width: 40px; } .product22_box4 .daw_f4_left{ width: 90%; margin: 0 auto; } .product22_box3 .card .item .desc{ margin: 19px 0 0 0; } .f4_left_item_title h4 { font-size: 18px; } .f4_left_item>p { color: #ffffffb8; } .product22_box5 .title br{ display: block; } .product22_box5 .title { font-size: 20px; line-height: 30px; } .product22_box5 .desc { text-align: left; padding: 0 24px; margin-bottom: 30px; } .product22_box5 .list .item { width: 100%;padding: 26px 0 0 26px; } .product22_box5 .list .item .pic { margin-right: 4%; width: 18%; } .product22_box5 .list .item .right .info { margin-top: 38px; margin-left: -68px; } .product22_box5 .list .item .right .name { margin-top: 10px;font-size: 20px; } .product22_box6{ background: url("https://pic.mairuan.com/WebSource/cleanmymac/web/images/220712/p39.png"); background-size: 100% 100%; background-repeat: no-repeat; padding: 36px 28px; height: 419px; margin-top: 25px; margin-bottom: 70px; } .product22_box6 .content { top: 38px; left: 8%; } .product22_box6 .content .title { font-size: 15px; padding-left: 41px; margin-top: 5px; width: 80vw; line-height: 25px; } .product22_box6 .content .desc { color: #666666; font-size: 15px;width: 94%; margin:10px 0 20px 0; } .product22_box6 .content .list .item { width: 75vw; margin-bottom: 10px; } .product22_box6 .content .button { display: flex; width: 76vw; justify-content: space-between; margin-top: 5px; } .product22_box6 .content .button .buy22,.product22_box6 .content .button .download { width: 140px; float: left; line-height: 35px; } .product22_box6 .content .button .buy22 { margin-right: 20px; } .product22_box6 .content .button .download { line-height: 36px; } .product22_box1 .swipertab-button-next { background-image: url("https://pic.mairuan.com/WebSource/cleanmymac/web/images/220712/ico24.png"); width: 9px; height: 16px; background-size: 100%; position: absolute; right: 6px; border: 0; top: 12%; z-index: 1; margin-right: 10px; } .product22_box1 .swipertab-button-prev { background-image: url(https://pic.mairuan.com/WebSource/cleanmymac/web/images/220712/ico23.png); left: 6px; width: 9px; height: 16px; background-size: 100%; position: absolute; border: 0; top: 12%; z-index: 1; margin-left: 10px; } .swipertab-button-prev, .swipertab-button-next:focus{outline:none;} .prodateil22_box3 .content .item,.prodateil22_box1 .left{ width: 100%; } .prodateil22_box3{ min-width: 100%; height: 1300px; } .prodateil22_box2,.prodateil22_box1 .content,.prodateil22_box3 .content,.prodateil22_box1 .right{ width: 90%; } .prodateil22_box3 .content .item { margin-bottom: 40px; } .prodateil22_box1 { height: 546px; background: url(https://pic.mairuan.com/WebSource/cleanmymac/web/images/220712/m_p401.png) center center no-repeat; background-size: 100% 100%; } .prodateil22_box1 .left .title { font-size: 24px; line-height: 32px; text-align: center; margin-bottom: 30px; } .prodateil22_box1 .left .button .buy22,.prodateil22_box1 .left .button .download{ width: 90%; margin-left: 5%; margin-bottom: 20px; } .prodateil22_box1 .left .button .buy22{ height: 52px; } .prodateil22_box1 .left .button .download{ height: 47px } .prodateil22_box2 { margin-top: 45px; margin-bottom: 60px; padding: 23px 18px; } .prodateil22_box2 .left { margin-right: 4%;width: 16%; } .prodateil22_box2 .right .name { font-size: 16px; margin-bottom: 27px; margin-top: 10px; } .prodateil22_box2 .right .desc { margin-left: -67px; } .prodateil22_box2 .right { width: 80%; } .prodateil22_box1 .right { margin-left: 5%; } .prodateil22_box3 .content .item .top{ display: flex; align-items: center; } .prodateil22_box3 .content .item .top .name{ float: none; margin-top: 0; } .prodateil22_box4{ width: 90%; margin-top: 60px; padding: 1px 23px; height: 409px; margin-bottom: 50px; } .prodateil22_box4 .right .name { margin-bottom: 18px; } .prodateil22_box4 .left { width: 100%; margin-left: 0; margin-top: 20px; } .prodateil22_box4 .right { width: 100%; } .prodateil22_box1 .content .left .desc { margin-left: 30px; margin-bottom: 40px; } .prodateil22_box4 .right .list .item { width: 30%; margin-right: 3%; } .prodateil22_box4 .right .list { width: 100%; } .new_search{ width: 92vw !important; position: static !important; } .le_search{ position: relative; padding: 0.267rem 0.33rem; } .icon_search{ top: 5.2rem!important; right: 9%!important; } } /* ----------------2022页面改版---end---------------- */ /* menu22 新菜单栏- start */ header { width: 100%; max-width: 1920px; min-width: 1200px; height: 70px; margin: 0px auto; font-family: 'SourceHanSansSC-Regular, bestFont regular'; background: #fff; } header .content { width: 1200px; margin: 0px auto; height: 100%; position: relative; } header .content .kefu { color: #444; } header .content .logo { display: inline-block; width: 200px; font-size: 26px; font-family: 'SourceHanSansSC-Bold, bestFont bold'; padding-left: 44px; padding-top: 18px; position: relative; vertical-align: top; top:0px; } header .content .logo a { text-decoration: none; } header .content .logo span { font-size: 12px; line-height: 18px; color: #000; font-family: 'SourceHanSansSC-Regular, bestFont regular'; transition: all 0.3s; vertical-align: top; display: grid; } header .content .logo span b{ font-family:"MontserratMedium"; font-size: 16px; } header .content .logo label { font-size: 13px; line-height: 18px; font-family: 'SourceHanSansSC-Regular, bestFont regular'; position: absolute; bottom: 0px; left: 51px; transition: all 0.3s; } header .content .logo:before { content: ''; width: 35px; height: 35px; background: url('//pic.mairuan.com/WebSource/cleanmymac/web/images/220712/ico57.png') no-repeat center center; background-size: 100%; position: absolute; left: 0; top: 16px; } header .content .naviList { display: inline-block; width: calc(100% - 222px); height: 70px; line-height: 70px; text-align: right; padding-right: 0; color: #000; background-color: transparent; } header .content .naviList .layui-nav-bar { background-color: transparent; } header .content .naviList li { display: inline-block; margin-right: 49px; position: relative; } header .content .naviList li.layui-nav-item { vertical-align: baseline; } header .content .naviList li.layui-nav-item .layui-nav-more { margin-top: -3px !important; border-color: #333 transparent transparent; } header .content .naviList li .layui-nav-child a { display: inline-block; width: 100%; text-align: left; } header .content .naviList li a { display: inline-block; font-size: 16px; height: 30px; line-height: 30px; text-align: center; color: #000; background-color: transparent; transition: all 0.3s; box-sizing: border-box; padding: 0; } header .content .naviList li a i { font-size: 14px; margin-left: 5px; } header .content .naviList li a:hover, header .content .naviList li a.active { color: #E73C2E; font-family: 'SourceHanSansSC-Bold, bestFont bold'; text-decoration:none } header .content .naviList li .indexCurrent { font-family: 'SourceHanSansSC-Bold, bestFont bold'; } header .content .naviList li:nth-last-child(3) { margin-right: 34px; } header .content .naviList li.buybtn { margin-right: 10px; padding-right: 30px; box-sizing: border-box; } header .content .naviList li.buybtn a { width: 60px; height: 30px; line-height: 28px; border-radius: 15px; color: white; background-color: #f7503a; font-size: 16px; font-family: 'SourceHanSansSC-Regular, bestFont regular'; } header .content .topSearch { position: absolute; right: 4px; top: 0px; width: 420px; height: 70px; overflow: hidden; color: #bbb; z-index: 3;border-bottom:0; } header .content .topSearch i { position: absolute; left: 6px; top: 25px; font-size: 20px; cursor: pointer; } header .content .topSearch #searchValueId { border: none; border-bottom: 1px solid #bbb; background: none; display: block; height: 50px; line-height: 50px; font-size: 16px; color: #ccc; padding: 15px 100px 0 50px; width: 410px; } header .content .topSearch .searchButtom, header .content .topSearch .searchButtom2 { cursor: pointer; position: absolute; top: 25px; right: 0px; } header .content .topSearch .searchButtom { display: none; } header .content .topSearchImg { padding: 8px; border-radius: 4px; position: absolute; right: 0px; top: 15px; z-index: 2; } header .content .topSearchImg img { cursor: pointer; } header .content .topSearchImg img:hover { background-color: rgba(255, 255, 255, 0.06); } header .content .menuSarch .searchButtom { cursor: pointer; position: absolute; top: 25px; right: 0px; } header .content .menuSarch #searchValueMenu { color: #999; } header .content .layui-nav .layui-nav-child dd.layui-this a, header .content .layui-nav-child dd.layui-this { background-color: transparent; color: #333; } header.headMenu30, header.headMenu60 { /*position: fixed;*/ left: 50%; /*transform: translateX(-50%);*/ z-index: 10; background-color: #fff; /*border-bottom: 1px solid #eee;*/ } header.headMenu30 { top: 30px; } header.headMenu60 { top: 60px; } header .content .naviList .layui-nav-child{ background-color: #020D20;border:0;padding:10px 20px; } @media screen and (max-width: 767px) { header { width: 100%; max-width: 767px; min-width: 320px; height: 1.267rem; border-bottom: 1px solid #eee; } header.navBg { margin-bottom: 0; } header .content { width: 100%; height: 1.267rem; padding: 0 0.533rem; position: fixed; left: 0; top: 0; z-index: 999; background-color: white; border-bottom: 1px solid #e5e5e5; opacity: 0.95; overflow: hidden; } header .content .kefu { font-size: 0.48rem; position: absolute; right: 1.467rem; top: 0.347rem; } header .content .mMenu { width: 0.48rem; position: absolute; right: 0.533rem; top: 0.42rem; } header .content .logo { padding-left: 0.88rem; padding-top: 0.25rem; } header .content .logo span { font-size: 0.2rem; /*line-height: 0.2rem;*/ color: #000 !important; } header .content .logo label { font-size: 0.32rem !important; color: #000 !important; bottom: 0.133rem; left: 1.333rem; } header .content .logo:before { width: 0.733rem; height: 0.767rem; top: 0.3rem; } header .content .menuSarch { position: absolute; left: 0.933rem; top: 1.333rem; width: 8rem; background: none; border-bottom: 1px solid #e5e5e5; } header .content .menuSarch .searchButtom { position: absolute; top: 50%; margin-top: -0.227rem; left: 0.027rem; width: 0.453rem; } header .content .menuSarch #searchValueMenu { width: 100%; height: 1.333rem; line-height: 1.333rem; border: none; background: none; display: block; padding: 0 0.213rem 0 1.067rem; box-sizing: border-box; font-size: 0.373rem !important; } header .content .naviList { width: 8rem; height: 1.333rem; line-height: 1.333rem; position: absolute; left: 0.933rem; top: 2.667rem; text-align: left !important; padding-right: 0; } header .content .naviList li { border-bottom: 1px solid #EEE; width: 100%; } header .content .naviList li a { font-size: 0.427rem; width: 100%; height: 1.333rem !important; line-height: 1.333rem !important; text-align: left; color: #333; box-sizing: border-box; text-align: left !important; } header .content .naviList li a.active { font-weight: bold; } header .content .naviList li a.active::after { display: none; } header .content .naviList li a i { font-size: 14px; margin-left: 5px; } header .content .naviList li .indexCurrent { position: relative; } header .content .naviList li.buybtn a { color: #333; background-color: transparent; } header.headMenu30, header.headMenu60 { top: 0; } .idx22_box3 .music .info .content .item video { width: 100%; } } /* menu22 新菜单栏- end */ /* 22新首页文章 -start */ .idx22_m4 { width: 100%; max-width: 1920px; min-width: 1200px; margin: 0px auto; } .idx22_m4 .content { width: 1200px; margin: 0px auto; padding-bottom: 160px; text-align: center; } .idx22_m4 .content h2 { font-size: 48px; font-family: 'SourceHanSansSC-Bold, bestFont bold'; font-weight: bold; display: inline-block; color: #000; } .idx22_m4 .content .category { display: inline-block; height: 77px; padding-top: 22px; } .idx22_m4 .content .category li { display: inline-block; font-size: 16px; font-family: 'SourceHanSansSC-Regular, bestFont regular'; font-weight: bold; margin-right: 18px; padding: 2px 7px 3px; cursor: pointer; } .idx22_m4 .content .category li.active, .idx22_m4 .content .category li:hover { position: relative; z-index: 2; } .idx22_m4 .content .category li.active::after, .idx22_m4 .content .category li:hover::after { content: ''; width: 70px; height: 7px; background-color: #e73c2e; position: absolute; left: 4px; bottom: 3px; z-index: -1; } .idx22_m4 .content .main { margin-top: 44px; text-align: left; } .idx22_m4 .content .main > div { display: flex; justify-content: space-between; } .idx22_m4 .content .main .item { width: 360px; } .idx22_m4 .content .main .time { font-size: 14px; font-family: Helvetica; color: #565c6b; border-bottom: 1px solid #f0f0f0; padding-bottom: 17px; } .idx22_m4 .content .main .title { display: inline-block; width: 100%; font-size: 24px; font-family: 'SourceHanSansSC-Regular, bestFont regular'; color: #000; padding-top: 30px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .idx22_m4 .content .main .desc { height: 48px; font-size: 14px; font-family: 'SourceHanSansSC-Regular, bestFont regular'; line-height: 24px; color: #333; margin-top: 3px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; } .indexNewsTags .tagleft { width: 78%; height: 36px; line-height: 36px; overflow: hidden; float: left; font-size: 14px; margin-top: 12px; } .idx22_m4 .content .main .more { display: inline-flex;/*inline-block*/ font-size: 14px; font-family: 'SourceHanSansSC-Regular, bestFont regular'; line-height: 36px; margin-top: 12px; /*color: #FF3613;*/ } .idx22_m4 .content .main .more i { display: inline-block; width: 5px; transition: all 0.5s; } @media screen and (max-width: 767px){ .idx22_m4 { width: 100%; max-width: 767px; min-width: 320px; } .idx22_m4 .content { width: 100%; padding: 0 0.533rem 1.6rem; text-align: left; } .idx22_m4 .content h2 { font-size: 22px; color: #000; } .idx22_m4 .content .category { height: 1.067rem; margin-left: 0; padding-top: 0.333rem; } .idx22_m4 .content .category li { font-size: 0.347rem; margin-right: 0.267rem; padding: 2px 0.133rem 3px; } .idx22_m4 .content .category li.active::after, .idx22_m4 .content .category li:hover::after { width: 1.733rem; height: 0.133rem; } .idx22_m4 .content .main { margin-top: 0.667rem; } .idx22_m4 .content .main > div { display: block; } .idx22_m4 .content .main .item { width: 100%; margin-bottom: 1.067rem; } .idx22_m4 .content .main .time { font-size: 0.347rem; padding-bottom: 0.2rem; } .idx22_m4 .content .main .title { font-size: 0.427rem; padding-top: 0.133rem; } .idx22_m4 .content .main .desc { font-size: 0.347rem; line-height: 0.52rem; margin-top: 0.133rem; } .idx22_m4 .content .main .more { font-size: 0.347rem; line-height: 0.52rem; margin-top: 0.333rem; } } /* 22新首页文章 -end */ @media screen and (max-width: 400px){ .index22_box5 { height: 441px; } } @media screen and (max-width: 387px){ .product22_box6 { height: 460px; } }